/* ========================================================================== FONTS ========================================================================== */ @font-face { font-family: 'Alef'; src: url('fonts/Alef-Bold.eot'); src: url('fonts/Alef-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Alef-Bold.woff') format('woff'), url('fonts/Alef-Bold.ttf') format('truetype'), url('fonts/Alef-Bold.svg#alefbold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Alef'; src: url('fonts/Alef-Regular.eot'); src: url('fonts/Alef-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Alef-Regular.woff') format('woff'), url('fonts/Alef-Regular.ttf') format('truetype'), url('fonts/Alef-Regular.svg#alefregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'nextexitfotlight'; src: url('fonts/nextexitfot-light-webfont.eot'); src: url('fonts/nextexitfot-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/nextexitfot-light-webfont.woff') format('woff'), url('fonts/nextexitfot-light-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'nextexitfot_regularregular'; src: url('fonts/nextexitfot-regular-webfont.eot'); src: url('fonts/nextexitfot-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/nextexitfot-regular-webfont.woff') format('woff'), url('fonts/nextexitfot-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ezerblock_oelight'; src: url('fonts/ezerblock_oelight-webfont.eot'); src: url('fonts/ezerblock_oelight-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ezerblock_oelight-webfont.woff') format('woff'), url('fonts/ezerblock_oelight-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ezerblock_oe_regularregular'; src: url('fonts/ezerblock_oeregular.eot'); src: url('fonts/ezerblock_oeregular.eot?#iefix') format('embedded-opentype'), url('fonts/ezerblock_oeregular.woff') format('woff'), url('fonts/ezerblock_oeregular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ploni-yad-regular'; src: url('fonts/ploni-yad-regular-aaa.eot'); src: url('fonts/ploni-yad-regular-aaa.woff2') format('woff2'), url('fonts/ploni-yad-regular-aaa.woff') format('woff'), url('fonts/ploni-yad-regular-aaa.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* ========================================================================== GENERAL ========================================================================== */ body { /*background-image:url("../img/bg_blue.png"); background-repeat: repeat; background-attachment:fixed;*/ background: linear-gradient(180deg, #00bfff 0%, #00bfff 4%, #82e2ff 20%, #82e2ff 90%, #C9F6FF 100%); /* #1e528e #2d91c2 #246fa8 #57c1eb #00bfff*/ /*linear-gradient(180deg, #00bfff 0%, #00bfff 4%, #82e2ff 20%, #82e2ff 90%, #C9F6FF 100%)*/ /*180deg, #E40303 0%, #E40303 2%, #FF8C00 4%, #FFED00 6%, #008026 8%, #24408E 10%, #732982 12%, #1ca1cd 14%, #82e2ff 90%, #C9F6FF 100%*/ font-family:Alef; overflow-y: scroll; overflow-x: hidden; color:#2C3A42; height:280vh; font-size: 14px; } a { color:#2C3A42; text-decoration:none; } a :hover{ text-decoration:none; color:inherit; } a:visited { text-decoration:none; } h1 { font-size: 23px; font-family: nextexitfotlight; font-weight: normal; margin-right: 0px; padding-right: 0px; border-bottom: solid; line-height: 20px; display:inline-block } h2 { font-family:nextexitfotlight; font-size:23px; color:#2C3A42; font-weight:normal; margin-bottom:10px; line-height:18px; direction:rtl} h3 { color:#2C3A42; font-family:Alef; font-weight:bold; font-size:18px; margin-bottom:2px; margin-top:15px; line-height:20px; } h4 { font-family:Alef; font-weight:bold; color:#4B6371; font-size:14px; font-weight:normal; margin-bottom:2px; margin-top:2px; } input[type="radio"], input[type="checkbox"] { margin-top: -2px; margin-left: 5px; } .container { padding-top:8px; } .nav li { /* all list items */ margin-top:0.2em; position: relative; line-height:11px; float:right; text-align:center; border:none; direction:rtl } .param li { padding:0;border:none; } .param li a { display:inline } #brokenhightemp, #brokenlowtemp { padding-bottom:0.6em; } .brokendatatitle { padding:0.8em 0.3em; } .top { vertical-align: top; } .nav .il_first { border-right: 0px; } .nav li:hover { } .nav ul li:hover { text-decoration:none; } .nav ul li{ border-width:1px 1px 0 0;} .nav ul ul li{ border-width:1px 1px 0 1px;} .nav ul ul li:last-child{border-bottom:1px solid #ccc;} .nav li ul { /* second-level lists */ background: rgba(255, 255, 255, 0.7); font-family: ezerblock_oe_regularregular; font-size: 0.8em; display: none; position: absolute; top: 1.25em; right: -50px; border-radius: 8px 0 8px 8px; z-index: 500; } .nav li ul li { float:none; padding:0.1em 0.2em; margin-top:0em; width: 270px; display:block; border-right: none; border-left: none; text-align: right; background: rgba(255, 255, 255, 0.7); } #user_info li ul li { width:125px; } .nav li ul li a { text-decoration:none; display:block; height:100%; padding:0.8em 0.5em; } .nav a:hover { text-decoration:none; } /* non-ie browsers see this */ .nav ul li>ul, .nav ul ul li>ul{ } .nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul, .nav li:hover ul ul ul ul ul{ display:none; } .nav li:hover ul, .nav ul li:hover ul, .nav ul ul li:hover ul, .nav ul ul ul li:hover ul, .nav ul ul ul ul li:hover ul{ display:block; } .nav li>ul { } .nav .inv_plain_3_zebra{ border-radius:0px; } .nav .forecasttemp { width:12%; direction:ltr important! } .nav .forecasttemp a{ display:inline-block; } .nav .timefh, .nav .wind, .nav .forcast_icon{ width:10%;direction:ltr } /* ========================================================================== WHAT NOW ========================================================================== */ .main_info { text-align:center; margin-top:-10px; margin-right: 200px; } @media only screen and (max-width: 1024px) { #main_info { margin-right:550px; } } @media only screen and (max-width: 1224px) { #current_info{ margin-right: 200px; } } #info_circle { text-align:center; float:right; margin-left:132px; padding-right:0px; position:absolute; margin-top:25px; } #info_circle_new { font-size:1.2em; text-align:center; padding-right:0px; position:relative; margin-top:5px; } #currentrow{ display: flex; direction:rtl; } #current_info{ } #topbar, #bottombar{ margin: 3px; } #sidebar{ margin: 3px; } #bottombar li, #topbar li, #sidebar li, #activities_yes li , #activities_no li, #activities_bar li, #sigweather_container li { margin: 6px 0 6px 10px; list-style: none; } #sidebar li { margin-top:6px } #bottombar li, #topbar li{ margin-right:4px } #activities_bar{ width:360px; background: linear-gradient(to top,rgba(255, 255, 255, 0.55),rgba(255, 255, 255, 0.55)); border-radius: 40px; margin: 8px; padding:10px } #sigweather_bar{ margin-bottom:5px } #topbar li{ margin-bottom:5px; } #bottombar li{ margin-top:5px; } #current_info .inparamdiv{ width:380px; height:285px; border-radius:40px; } #seker_btns{ margin: 0.4em; } .info_btns { position:relative; list-style:none; float:right; z-index:55; margin:0 85px; } .info_btns li { width:36px; height:36px; background-position:left; } .info_btns li:hover { background-position:right; cursor:pointer; } #all_btn{ background:url("../img/circles.png") no-repeat; background-size:50%; background-position: 9px; margin-left: 0; margin-top: 0; border-radius: 999px; background-color:#eeeeee; opacity:0.5; position:absolute } #more_stations_btn{ background:url("../img/otherstations.png") no-repeat; background-size:60%; background-position: 7px; margin-top: 275px; margin-left: -177px; border-radius: 999px; background-color:#eeeeee; opacity:0.5; position:absolute; } #now_btn { background-image:url("../img/now_icon.png"); margin-top: -24px; margin-left: -154px; position: absolute; } #temp2_btn { background-image:url("../img/temp2.png"); margin-left:-108px; margin-top: -15px; position: absolute; } #temp_btn { background-image:url("../img/temp2.png"); margin-left:-70px; margin-top: 7px; position: absolute; } #temp3_btn { background-image:url("../img/temp2.png"); margin-left:-200px; margin-top: -23px; position: absolute; } #runwalk_btn { position:absolute; background: url(../img/runwalk.png) 2px no-repeat; background-color: #eeeeee; opacity: 0.6; margin-left:-294px; margin-top:228px; border-radius: 18px; background-size: 80%; } #moist_btn { background-image:url("../img/moist.png"); margin-left:-38px; margin-top:38px; position: absolute; } #dew_btn { background: url(../img/dewp.png) 8px no-repeat; background-color: #eeeeee; opacity: 0.6; margin-left:-17px; margin-top:75px; position: absolute; border-radius: 18px; background-size: 60%; } #air_btn { background-image:url("../img/air.png"); margin-left:-10px; margin-top:116px; position: absolute; } #wind_btn { background-image:url("../img/wind.png"); margin-left:-32px; margin-top:198px; position: absolute; } #rain_btn { background-image:url("../img/rain.png"); margin-left:-15px; margin-top:158px; position: absolute; } #rad_btn { background-image:url("../img/radiation.png"); margin-left:-58px; margin-top:234px; position: absolute; } #uv_btn { background-image:url("../img/uv.png"); margin-left:-95px; margin-top:257px; position: absolute; } #aq_btn { background-image:url("../img/dust2.png"); margin-left:-135px; margin-top:273px; position: absolute; } #moon_btn{ background-image:url("../images/moonriseset.png"); background-color: #eeeeee; opacity: 0.6; border-radius: 18px; background-position: 6px; background-size: 25px; background-repeat: no-repeat; margin-left:-263px; margin-top:258px; position: absolute; } #window_btn { background-repeat: no-repeat; opacity:0.6; border-radius: 18px; background-position: 6px; background-color: #eeeeee; margin-left:-220px; margin-top: 272px; position: absolute; } #window_btn:hover, #webcam_btn:hover, #all_btn:hover, #moon_btn:hover, #runwalk_btn:hover, #dew_btn:hover, #more_stations_btn:hover, #laundryidx:hover { opacity: 1; } #webcam_btn { background-repeat: no-repeat; opacity:0.6; border-radius: 18px; background-position: 6px; background-color: #eeeeee; margin-right:248px; margin-top: -84px; } #currentrow #window_btn, #currentrow #webcam_btn, #currentrow #all_btn, #currentrow #moon_btn, #currentrow #runwalk_btn, #currentrow #dew_btn, #currentrow #more_stations_btn, #currentrow #aq_btn, #currentrow #uv_btn, #currentrow #rain_btn, #currentrow #wind_btn, #currentrow #temp_btn, #currentrow #temp2_btn, #currentrow #temp3_btn, #currentrow #now_btn, #currentrow #moist_btn, #currentrow #air_btn, #currentrow #rad_btn, #currentrow #wind_btn{ position: relative; width: 35px; height: 35px; } .window_open { background-image:url("../img/window-open.png"); } .window_closed{ background-image:url("../img/window-closed.png"); } #alertbg{ height: 200px; width: 320px; background-size: 100% 100%; margin-top: -60px; } #alerttxt{ } .txtindiv{ bottom: -200px; position: relative; width:280px; padding: 0.1em 0.5em 0.5em; font-size: 0.95em; line-height: 0.9em; text-shadow: 1px 1px 6px #000000; } .title.txtindiv{ margin-top:auto; position:relative; font-weight:bold; padding: 0.2em 0.5em; } .alertspayment { position: absolute; margin-top: -3.4em; margin-right:5.8em; font-size: 0.7em; } #latestalert .alertspayment{ display:none } #alerts::-webkit-scrollbar, .contentbox::-webkit-scrollbar{ width: 12px; background-color: #eeeeee; } #alerts::-webkit-scrollbar-thumb, .contentbox::-webkit-scrollbar-thumb, ul.select::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: #82e2ff; background-image: -webkit-linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.2) 50%, transparent, transparent) } #latestalert .txtindiv{ bottom: 0; } #message .txtindiv, #messages_box .txtindiv{ color:white; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); bottom:-140px } #latestalert span.info .txtindiv{ color:white; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); bottom:-200px } #alerts_app_promo{ margin-right:20px; float: left; margin-top: -30px; } #latest_picoftheday .txtindiv{ margin-top: 5px; margin-right: 10px; } .title{ margin-bottom:0.2em; font-weight: bold; } #cold_line { position:absolute; width:12px; opacity:0.7; margin-top:-44px; right:520px; -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); visibility:hidden; } #mood_line { position:absolute; width:12px; opacity:0.7; margin-top:-16px; right:817px; -ms-transform:rotate(30deg); -moz-transform:rotate(30deg); -webkit-transform:rotate(30deg); -o-transform:rotate(30deg); visibility:hidden; } #fseason_line { position:absolute; width:12px; opacity:0.7; margin-top:-17px; right:548px; -ms-transform:rotate(15deg); -moz-transform:rotate(15deg); -webkit-transform:rotate(15deg); -o-transform:rotate(15deg); visibility:hidden; } #now_line { position:absolute; width:14px; opacity:0.7; margin-top:17px; right:411px; -ms-transform:rotate(110deg); -moz-transform:rotate(110deg); -webkit-transform:rotate(110deg); -o-transform:rotate(110deg); visibility:visible; } #temp_line { position:absolute; width:14px; opacity:0.7; margin-top:43px; right:337px; -webkit-transform:rotate(130deg); visibility:hidden; } #temp2_line { position:absolute; width:14px; opacity:0.7; margin-top:25px; right:372px; -ms-transform:rotate(130deg); -moz-transform:rotate(130deg); -webkit-transform:rotate(130deg); -o-transform:rotate(130deg); visibility:hidden; } #temp3_line { position:absolute;width: 12px; opacity: 0.7; margin-top: 18px; right: 447px; -ms-transform: rotate(80deg); -moz-transform: rotate(80deg); -webkit-transform: rotate(80deg); visibility:hidden; } #moist_line { position:absolute; width:16px; opacity:0.7; margin-top:70px; right:310px; -ms-transform:rotate(145deg); -moz-transform:rotate(145deg); -webkit-transform:rotate(145deg); -o-transform:rotate(145deg); visibility:hidden; } #dew_line { position:absolute; width:16px; opacity:0.7; margin-top:98px; right:294px; -ms-transform:rotate(165deg); -moz-transform:rotate(165deg); -webkit-transform:rotate(165deg); -o-transform:rotate(165deg); visibility:hidden; } #air_line { position:absolute; width:16px; opacity:0.7; margin-top:132px; right:286px; -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); visibility:hidden; } #wind_line { position:absolute; width:16px; opacity:0.7; margin-top:200px; right:302px; -ms-transform:rotate(205deg); -moz-transform:rotate(205deg); -webkit-transform:rotate(205deg); visibility:hidden; } #rain_line { position:absolute; width:15px; opacity:0.7; margin-top:165px; right:289px; -ms-transform:rotate(20deg); -moz-transform:rotate(20deg); -webkit-transform:rotate(20deg); visibility:hidden; } #rad_line { position:absolute; width:15px; opacity:0.7; margin-top:232px; right:324px; -ms-transform:rotate(50deg); -moz-transform:rotate(50deg); -webkit-transform:rotate(50deg); visibility:hidden; } #uv_line { position:absolute; width:15px; opacity:0.7; margin-top:252px; right:375px; -ms-transform:rotate(65deg); -moz-transform:rotate(65deg); -webkit-transform:rotate(65deg); visibility:hidden; } #aq_line{ position:absolute; width:15px; opacity:0.7; margin-top:264px; right:387px; -ms-transform: rotate(85deg); -moz-transform: rotate(85deg); -webkit-transform: rotate(85deg); -o-transform: rotate(85deg); visibility:hidden; } #graphs_line { position:absolute; width:318px; opacity:0.5; top:-70px; right:100px; -ms-transform:rotate(20deg); -moz-transform:rotate(20deg); -webkit-transform:rotate(20deg); -o-transform:rotate(20deg); } #moon_line { position:absolute; width:17px; opacity:0.7; margin-top: 253px; right: 506px; -ms-transform:rotate(125deg); -moz-transform:rotate(125deg); -webkit-transform:rotate(125deg); visibility:hidden; } #window_line{ position: absolute; width: 15px; opacity: 0.7; margin-top: 264px; right: 462px; -ms-transform:rotate(105deg); -moz-transform:rotate(105deg); -webkit-transform:rotate(105deg); visibility:hidden; } #runwalk_line { position:absolute; width: 19px; opacity: 0.7; margin-top: 225px; right: 526px; -ms-transform:rotate(125deg); -moz-transform:rotate(125deg); -webkit-transform:rotate(125deg); visibility:hidden; } #otherstations_line { position:absolute;width: 15px; opacity: 0.7; margin-top: 266px; right: 425px; -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); visibility:hidden; } .winddir{ background-image:url("../img/wind_direction.png"); width: 33px; height: 33px; background-repeat: no-repeat; margin-top: 2px; background-size: 33px; } .W{ -ms-transform:rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); } .WSW{ -ms-transform:rotate(66deg); -moz-transform: rotate(66deg); -webkit-transform: rotate(66deg); -o-transform: rotate(66deg); } .SW{ -ms-transform:rotate(44deg); -moz-transform: rotate(44deg); -webkit-transform: rotate(44deg); -o-transform: rotate(44deg); } .SWS{ -ms-transform:rotate(22deg); -moz-transform: rotate(22deg); -webkit-transform: rotate(22deg); -o-transform: rotate(22deg); } .S{ } .SES{ -ms-transform:rotate(336deg); -moz-transform: rotate(336deg); -webkit-transform: rotate(336deg); -o-transform: rotate(336deg); } .SE{ -ms-transform:rotate(314deg); -moz-transform: rotate(314deg); -webkit-transform: rotate(314deg); -o-transform: rotate(314deg); } .ESE{ -ms-transform:rotate(292deg); -moz-transform: rotate(292deg); -webkit-transform: rotate(292deg); -o-transform: rotate(292deg); } .E{ -ms-transform:rotate(270deg); -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); } .ENE{ -ms-transform:rotate(246deg); -moz-transform: rotate(246deg); -webkit-transform: rotate(246deg); -o-transform: rotate(246deg); } .NE{ -ms-transform:rotate(224deg); -moz-transform: rotate(224deg); -webkit-transform: rotate(224deg); -o-transform: rotate(224deg); } .NNE{ -ms-transform:rotate(202deg); -moz-transform: rotate(202deg); -webkit-transform: rotate(202deg); -o-transform: rotate(202deg); } .N{ -ms-transform:rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } .NNW{ -ms-transform:rotate(156deg); -moz-transform: rotate(156deg); -webkit-transform: rotate(156deg); -o-transform: rotate(156deg); } .NW{ -ms-transform:rotate(134deg); -moz-transform: rotate(134deg); -webkit-transform: rotate(134deg); -o-transform: rotate(134deg); } .WNW{ -ms-transform:rotate(112deg); -moz-transform: rotate(112deg); -webkit-transform: rotate(112deg); -o-transform: rotate(112deg); } .seker_btns { width: 50%; margin:10px -95px; } .seker_btns li, #seker_btns li { font-family:nextexitfotlight; text-align:right; border-radius:10px; list-style:none; background:rgba(255, 255, 255, 0.5); padding:6px 5px; font-size:1.1em; margin-bottom:10px; } .seker_btns li:hover, #seker_btns li:hover { background:rgba(255, 255, 255, 1); cursor:pointer; } .seker_btns a:hover, #seker_btns a:hover { text-decoration:none; } #cold_btn { float:right; width:max-content; margin-right:-30px; } #mood_btn { margin-right:34px; } #season_btn { margin-left:22px; width: 110px; } .clothes_text { font-family:nextexitfotlight; font-size:18px; text-align:right; position:absolute; right:840px; float:right; visibility:hidden; color:#648395; line-height:19px; margin-left:10px; } #clothes_line { visibility:hidden; position:absolute; width:17px; opacity:0.7; margin-top:50px; right:830px; border-color:#648395; -ms-transform:rotate(-115deg); -moz-transform:rotate(-115deg); -webkit-transform:rotate(-115deg); -o-transform:rotate(-135deg); } /* ========================================================================== FORCAST ========================================================================== */ #forcast_title { position: absolute; right:20px; width: 100px; margin-top:60px; border-left:solid; border-color:#829CAA; border-width:1px; padding-right:8px; height:320px; margin-right:30px; direction:rtl; text-align:left; } @media only screen and (max-width: 1280px) { #forcast_title { right:280px; } } .forcast_title_btns { border-top-right-radius:15px; border-bottom-right-radius:15px; background-color:#485d6d; color:#FFF; font-family: ezerblock_oe_regularregular; height:35px; margin-right:-20px; margin-bottom:10px; font-size:18px; padding-left:10px; display:block; line-height:35px; text-align:left; opacity:0.35; transition:all 200ms linear 0s } .forcast_title_btns:hover { background-color:#54BEB8; cursor:pointer; margin-right:-40px; padding-left:30px; text-decoration:none; color:#fff; } .forcast_title_btns a{ color:#fff; } .for_active { opacity:1; } .forcast_title_btns.for_active:hover{ margin-right:-20px; padding-left:10px; background-color:#ebe8ed; } #table24, .daily_link{ width: 200px; margin: 0px 550px; direction:rtl;} .moon_sun { font-size:0.8em; float:left } #moon_rise:hover { color:#DD6B96; cursor:pointer; } #moon_rise { background-repeat:no-repeat; background-position:right; text-align:right; margin-right:10px; padding-top:85px; -webkit-transition-property:color; -webkit-transition-duration: 200ms, 200ms; -webkit-transition-timing-function: linear, ease-out; } #moon_img { opacity:0.5; } #moon_rise p { margin-bottom:0px; line-height:16px; } #sun_rise { background-image:url("../img/sun.png"); background-repeat:no-repeat; background-position:right; text-align:right; height:40px; margin-right:5px; padding-top:6px; padding-right:50px; margin-top:16px; -webkit-transition-property:color; -webkit-transition-duration: 100ms, 100ms; -webkit-transition-timing-function: linear, ease-out; } #sun_rise:hover { color:#DD6B96; cursor:pointer; } #sun_rise p { margin-bottom:0px; line-height:16px; } #sun_hours h3{ font-family:nextexitfotlight; font-size:32px; float:right; margin-right:0px; width:55px; text-align:center; font-weight:normal; } #sun_hours p { padding-top:15px; line-height:13px; text-align:right; } #forcast_icons { margin-right:115px; margin-bottom:0px; text-align:right; direction:rtl} #forcast_icons li{ height:25px; display:inline-block; vertical-align:middle; background-position:center; background-repeat:no-repeat; margin-bottom:5px; } #morning_icon { } #noon_icon { } #night_icon { } #forcast_main { margin-top:15px; width:820px; right:155px; position:absolute; text-align:right; direction:rtl; overflow:hidden; } @media only screen and (max-width: 1280px) { #forcast_main { right:445px; } #belowmainad {opacity:0} } .contentbox-wrapper{ position:relative; right:0; width:20000px; height:100%; } .contentbox{ width:805px; height:100%; float:right; padding:5px; margin:0px; margin-bottom:15px; } #what_is_forcast { margin-right:-30px; width:850px; margin-top:40px; text-align:right; } #what_is_forcast p { margin-bottom:10px; } #what_is_forcast .span4 { margin-right: 5px; width: 655px; } #forcast_days.detailed { display: table; } #forcast_days.detailed li { padding:0.9em; display: table-cell; } #forcast_days.detailed .forcast_morning, #forcast_days.detailed .forcast_noon, #forcast_days.detailed .forcast_night { width:18% } #forcast_days.detailed .forcast_morning div, #forcast_days.detailed .forcast_noon div, #forcast_days.detailed .forcast_night div { display:block; padding: 0.4em 0; } #forcast_days.detailed img{ vertical-align: baseline; } #forcast_days.detailed .title{ margin-bottom:1em } #forcast_days.detailed #night_icon_exp{ font-size: 0.6em; line-height: 1em; position: absolute; width: 270px; margin-top: -120px; } #forcast_days.detailed .forcast_day{ width:10px } #forcast_days.detailed .forcast_date{ width:10px; font-size:1.2em } #forcast_days.detailed .forcast_text{ width:18%; font-size:1.1em } #forcast_days.detailed .cloth{ height: 5em; font-size: 0.8em; line-height: 0.7em; } #forcast_days.detailed .humidity{ font-size: 1em; } .winddesc{ font-size: 0.7em; line-height: 1em; } #forcast_hours, #forcast_hours_table { margin-right:5px; margin-left:60px; text-align:right; max-height: 480px; overflow-y: auto; } #for24_graph_ng{ padding:0 } #forcast_hours li, #forcast_hours_table li, #for24_graph_ng li { line-height:1.5em; list-style:none; display:inline-block; font-family: nextexitfot_regularregular; font-size: 1.3em; padding-bottom:0.3em } #forcast_hours_table li{ padding-bottom:0 } #forcast_hours_table li .wind_icon{ margin-top:4px } #forcast_hours ul, #forcast_hours_table ul { font-size:16px; } #forcast_hours .forcast_each, #forcast_hours_table .forcast_each { margin-bottom:0; } #forcast_hours .forcast_date, #forcast_hours_table .forcast_date{ letter-spacing:1px; margin-left:1px; } #forcast_hours .forcast_text, #forcast_hours_table .forcast_text { margin-right:20px; width:150px; text-align:right; } #forcast_hours .forcast_morning, #forcast_hours_table .forcast_morning { padding:0px; width:30px; } #for24_hours{ width:100%; margin:0 auto; float:right} #forcast_days ul{ font-family:nextexitfotlight; font-size:21px} #forcast_table { margin-right:5px; } #forcast_table ul{ margin-right:0px } #forcast_days li { list-style:none; display:inline-block; text-align:center; cursor:pointer; } #forcast_table .humidity { font-size:0.7em } #forcast_table .wind_icon, #forecastnextdays_table .wind_icon { margin-top: -5px; font-size:0.8em; background-position-y: bottom; } #forcast_table .wind_icon .small{ font-size: 0.6em; } .icon_day .wind_icon{ position: absolute; margin-top: 3px !important; background-size: 145px; } .forcast_each { float:right; clear: both; direction:rtl; margin-bottom:15px; padding-top: 0.25em; } .forcast_each:hover { background:#c4c7d6b3; } .extra { line-height:1; } .extra .forcast_morning, .extra .forcast_noon{ margin:0; direction: ltr; line-height: 0.6em; } .extra .forcast_night{ font-size: 0.8em; margin-bottom: -50px; } .forcast_each ul li { vertical-align:middle; height:auto } .forcast_off_day{ width:20px; font-size:0.7em; line-height:10px; } .forcast_off_day:hover{ cursor:pointer; } .forcast_day { font-size:40px; margin-right:0px; width:15px;; font-weight:bold; } .forecast_ad{ margin-right:10px } .forcast_date { letter-spacing:1px; width:20px; font-size: 0.8em; } .forcast_morning { margin-right:8px; } .forcast_noon, .forcast_night { width:60px; } .forcast_morning, .forcast_noon, .forcast_night { margin-left:-3px; margin-top:-5px; padding-top:5px; width:105px; font-size: 1.4em; line-height: 0.8em; /*display: inline-flex !important; justify-content: center;*/ } .forcast_morning div, .forcast_noon div, .forcast_night div{ display:inline-block } .forcast_text { margin-right:10px; font-family:Alef; font-size:0.8em; width:305px; line-height: 1.1em; text-align:right !important; cursor:pointer; } .forcast_text a{ text-decoration:underline; } .below_forecast { font-size:0.7em; } .below_forecast a{ text-decoration:none } .below_forecast a:hover{ text-decoration:underline } .extra .forcast_date { width:32px; } .tashkif .forcast_day { color:#648395; } .tashkif .forcast_day p{ font-size:12px; font-family:Alef; margin-right:-5px; padding-right:0px; line-height:10px; padding-bottom:0px; margin-bottom:-19px; margin-top:2px; } #forcast_days li .multiline { line-height:18px; text-align:right; margin-top:-6px; vertical-align:middle; } .forcast_rain { background-image:url("../img/wt_rain.png"); } .forcast_snow { background-image:url("../img/wt_snow.png"); } .forcast_cloudy { background-image:url("../img/cloudy.png"); } .forcast_sunRain { background-image:url("../img/sunRain.png"); } .forcast_sunCloud, .forcast_sunHot, .forcast_sunDust, .forcast_sunny, .forcast_moon, .forcast_rain, .forcast_sunRain, .forcast_cloudy, .forcast_snow{ background-repeat:no-repeat; vertical-align:middle; width:50px; height:30px; } .forcast_sunCloud {#winddir background-image:url("../img/sunCloud.png"); } .forcast_sunHot { background-image:url("../img/sunHot.png"); } .forcast_sunDust { background-image:url("../img/sunDust.png"); height:40px; margin-bottom:-5px; margin-top:-5px; padding-right:7px; margin-left:-7px; } .forcast_sunny{ background-image:url("../img/sunny.png"); } .forcast_moon{ background-image:url("../img/forcast_moon.png"); padding-right:2px; margin-left:-2px; } .small{ font-size:0.35em } .number{ font-family: nextexitfot_regularregular; font-size: 1.2em; direction:ltr; text-align: center; } .forcast_each .number{ font-size: 1.4em; } .smalllogo{ background-image:url("../img/sun_toolbar.png"); background-repeat:no-repeat; background-position:right; display: inline-block; height: 21px; width: 23px; } #radarcontrols{ right:-90px;position:absolute;top:30px } #radarimg{ width:520px;float:right;z-index:0;margin-right:170px; background: no-repeat url(https://www.02ws.co.il/img/IL_streetmap.png); background-size: 70%; background-position-y: 92px; background-position-x: 105px; } #wrapper{ } #rainsummery, #mouseover{ font-size: 1.3em; } #slogan{ direction:rtl;text-align:right; margin-bottom:8px; margin-right: 200px; font-size:1.2em; z-index:9999; } #activities_yes, #activities_no, #activities_perhour{ background-size: 15%; margin-top: 10px; width: 380px; margin:0 } #activities_yes{ } #activities_no{ } .detailed #activities_yes, .detailed #activities_no{ width: 270px; padding: 0; } #activities_yes li , #activities_no li, #bottombar li, .activity_show{ border-radius: 999px; background-color: #eeeeee; opacity: 0.5; display: inline !important; padding: 0.4em !important; position:relative; } .activity li { border-radius: 999px; background-color: #eeeeee; padding: 0.4em !important; position:relative; } .no { background:url("../images/icons/xmark-thin.svg") no-repeat; background-size: 65%; background-position-x: 6px; } #addthis_icon { display:inline-block; vertical-align: top; margin-right:0.5em } #mainadsense { float:left; width:300px; height:310px; } @media only screen and (max-width: 1280px) { #mainadsense { margin-top:-330px; display:none; } #if1, #if2, #if3, #if4, #windy_widget{ display:none } # } #if1, #if2, #if3, #if4{ margin:5px 0; width:300px } #extrainfo{ display:inline } #sigweather{ display:none; top: 1.8em; right: 1em; position: absolute; width:300px; border-radius: 15px; } #belowmainad { } #xClose{ display:none; } #sigweather .li{ border-radius: 15px; background: rgba(255, 255, 255, 0.6); } #now_stuff { position:relative; float:right; margin-top: 0px; margin-right: 8px; clear:both; height:23px; z-index:9999; height:auto; width:100%; direction:rtl} #what_is_h{ padding-top: 0.1em; font-size:1.5em } #now_stuff a{ color:#000 } #now_stuff li{ text-align:right; width:100%; margin: -4px -45px; background: rgba(255, 255, 255, 1); padding:0 0.4em; } #now_stuff h2 { margin-bottom:3px; } #now_stuff li ul li a { color:#000; font-size:1.3em } #now_stuff li ul li a:hover, #sigweather li a:hover{ color:#ccc } #now_stuff li ul li{ width:450px; padding:0.5em; } #now_stuff liabilities{ text-align:right; } #now_stuff .rainpercent{ display:none } .now_stuff_btns { border-top-left-radius:15px; border-bottom-left-radius:15px; background-color:#BFA8C6; color:#FFF; font-family:nextexitfotlight; height:30px; margin-right:-10px; margin-bottom:10px; font-size:23px; padding-right:10px; padding-left:20px; line-height:30px; background-image:url("../img/arrow_left.png"); background-repeat:no-repeat; background-position:10px; text-align:left; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .now_stuff_btns:hover { background-color:#54BEB8; cursor:pointer; margin-left:-20px; } #month_peak { text-align:right; direction:ltr; margin-bottom:20px; line-height:14px; margin-top:20px; } #month_avarage { margin-right:0px; direction:ltr; text-align:right; line-height:14px; } #peak_max, #peak_min, #avarage_max, #avarage_min { background-repeat:no-repeat; background-position:right; padding-right:25px; margin-right:5px; } #peak_max { background-image:url("../img/peak_max.png"); } #peak_min { background-image:url("../img/peak_min.png"); } #avarage_max { background-image:url("../img/avarage_max.png"); } #avarage_min { background-image:url("../img/avarage_min.png"); } /* ========================================================================== WHAT MORE ========================================================================== */ .now_messages { margin-top:40px; line-height:1.2em } #windy_widget{ margin-right:80px; margin-top:40px; direction:rtl;} .white_box { background:rgba(255, 255, 255, 0.7); direction:rtl; padding-bottom:20px; -moz-border-radius: 5px; border-radius: 5px; position:relative; color:#3D718E; } .speach { } .speach:after { content:""; position:absolute; display:block; top:110px; left: -20px; bottom: auto; border-width: 12px 20px 12px 0; border-style: solid; border-color: transparent #fff; width: 0; opacity:0.7; } .white_box h2, .white_box p, .white_box .box_text { padding:10px 20px; } .white_box .box_text{ font-size:1.2em } .white_box h2 { display:table; border-bottom:solid; border-width:1px; border-bottom-color:#CCD7DC; padding-bottom:8px; padding-top:8px; padding-left:0px; margin-bottom:0px } a:visited h2{ border-bottom-color:#CCD7DC; } .white_box p { margin-bottom:5px; font-size:0.8em; line-height:18px; } .white_box a{ color:#000 } #forecastJob p{ font-size:1.2em; } .now_messages .span4 { width:330px; } .now_messages a .white_box { background:rgba(255, 255, 255, 0.5); } .now_messages a, #about a{ color:#3D718E; } .now_messages a h2{ color:#3D718E; direction:ltr } .now_messages a:hover { color:#DD6B96; cursor:pointer; } .now_messages a .white_box:hover { background:rgba(255, 255, 255, 0.7); } .now_messages a:hover h2{ color:#DD6B96; cursor:pointer; } .more_stuff { direction:rtl; margin-top:0px; } #messages_box h2{ padding: 0 10px; } #messages_box .box_text{ padding: 0 10px; } .box_text a{ text-decoration: underline; } .alertspayment a { text-decoration: none; } #personal_message{ padding-top:8px; } .more_stuff h2{ border-bottom:solid; border-width:1px; text-align:center; padding-bottom:5px; } #about { float:left;margin-top: 0.5em; } #qrcode{ width:250px } #newsletter { position:absolute; width:140px; display:inline-block; margin-right:30px; margin-top:-70px; } .email_form .search-query{ border:solid; border-color:#829CAA; border-top:none; border-width:1px; border-radius:0; height:15px; line-height:11px; width:130px; padding-left:5px; padding-right:5px; font-size:12px; color:#829CAA; background:rgba(255, 255, 255, 0.6); } .email_form input[type="submit"] { background-color:#fff; border:none; font-family:Alef; margin-top:5px; line-height:14px; color:#829CAA; } .email_form input[type="submit"]:hover { color:#3D718E; } #did_you_know { position:absolute; width:130px; margin-top:-60px; line-height:18px; } #did_you_know a, #about{ text-decoration:underline; } #gender_notice{ margin:10px 0; } #register_suggest_title{ margin:0 auto } #register_suggest_desc{ padding:1em } #alerts table,#alerts th, #alerts td, .box_text table, .box_text th, .box_text td{ border: 0; cellpadding:0.2em } #alerts, #mainstory{ text-align:right; max-height: 280px; overflow-y: auto; width: 720px; z-index: 300; line-height: 1.2em; direction:rtl; } #alerts.offset3, #mainstory.offset3 { margin-right: 200px; } @media only screen and (max-width: 1280px) { #alerts.offset3, #mainstory.offset3 { margin-right: 480px; } } #outside_links { width:130px; margin-top:20px; direction:rtl;} #outside_links a{ text-decoration:underline; display:block; color:#3D718E; } #outside_links a:hover { color:#DD6B96; } .more_icons { margin-right: 240px; margin-top: 10px; position: absolute; } .more_icons li{ list-style:none; display:inline-block; font-family:nextexitfotlight; font-size:18px; margin-right:10px; } a.more_icons { display:inline-block; text-align:center; background-repeat:no-repeat; background-position:left; margin:5px 5px; padding-top: 65px; width:60px; height:60px; position:absolute; z-index:111; background-size: 120px; background-position-y: 10px; } a.more_icons:hover { cursor:pointer; background-position:right; background-position-y: 10px; text-decoration:none; color:#3D718E; } #more_icons_container {line-height: 1em;} #weather_israel { background-image:url("../img/weather_israel.png"); left: 1020px; } #likeddislikedforecasts { background-image:url("../img/icons8-love-60.png"); background-size: auto; } #weather_hul { background-image:url("../img/weather_hul.png"); left: 190px ; } #likeddislikedforecasts{ left:320px; } #weather_movies { background-image:url("../img/weather_movies.png"); left: 870px; } #weather_songs { background-image:url("../img/weather_songs.png"); left: 730px; } #myths { background-image:url("../img/icons8-vomiting-unicorn-60.png"); background-size: auto; left: 450px; } #snow_poems { background-image:url("../img/snow_poems.png"); left: 590px; } #fb_like{ margin-top:10px } #ftr_icons { text-align:center; margin-right:10px; } #ftr_icons li{ display:inline-block; list-style: none outside none; margin:0em ; line-height:22px; } #ftr_icons a { margin-right:2px; margin-left:2px; width:42px; height:42px; float:left; } #ftr_icons a:hover{ background-position:right; } .addthis_default_style .at300m{ padding:2px; } #rss { background-image:url("../img/rss.png"); } #twitter { background-image:url("../img/twitter.png"); } #facebook { background-image:url("../img/facebook.png"); } #addthis { background-image:url("../img/addthis.png"); } /* ========================================================================== PICTURES (MAP) STUFF ========================================================================== */ .upload_to_map :hover { cursor:url("../img/cursor_upload.png"), auto; } #album, #userpic{ left: 200px; position: absolute; top: 580px; font-size: 1.3em; background-color: rgba(255, 255, 255, 0.5); border-radius: 50px; padding-right: 10px; padding-left: 10px; direction: rtl; } #album a, #userpic a{ color:#2C3A42; } #album a:hover , #userpic a:hover{ color:#648395; } #userpic{ left: 10px; } #pic_empty { position:absolute; width:600px; height:400px; left:300px; } #upload_window { position:absolute; left:300px; height:295px; width:295px; background:rgba(255, 255, 255, 0.8); border-radius:50%; z-index:700; text-align:center; visibility:hidden; } .close_icon { background-image:url("../img/close.png"); background-position:left; height:32px; width:32px; display:inline-block; margin-left:10px; } .close_icon:hover { background-position:right; } .okay_close { margin-top:110px; } .okay_icon { background-image:url("../img/okay_icon.png"); background-position:left; height:32px; width:32px; display:inline-block; } .okay_icon:hover { background-position:right; } #upload_form input[type="file"] { direction:rtl; margin-right:0px; margin-top:50px; width:80px; opacity:0; } #upload_btn { margin-top:-35px; background-color:#C0CE61; color:#fff; background-image:url("../img/file_icon.png"); background-position:75px; padding-right:15px; background-repeat:no-repeat; width:80px; border-radius:5px; margin-left:100px; } #upload_form input[type="text"], #upload_form textarea { text-align:right; color:#829CAA; font-family:Alef; margin-top:15px; margin-bottom:0px; } #upload_form textarea { width:120px; height:70px; float:right; margin-right:37px; resize:none; } #pic_holder { position:absolute; height:75px; width:75px; margin-left:40px; margin-top:16px; border:dashed; border-width:1px; border-color:#829CAA; } #upload_text { position:absolute; color:#fff; line-height:20px; text-align:center; margin-top:-140px; width:200px; left:390px; visibility:hidden; } #upload_pic { position:absolute; background-image:url("../img/upload_pic.png"); background-position:left; background-repeat:no-repeat; height:45px; width:46px; font-size:23px; line-height:20px; font-family:nextexitfotlight; color:#fff; padding-top:100px; text-align:center; left:335px; margin-top:260px; z-index:50; } .webcam_image { float:right;padding:0.5em 0.8em;margin:0 auto;width:40% } .image_enlarge { padding:0.2em;margin:0.2em 3em; } #webcam_container { width:100%;clear:both;text-align:right; } #webcam_list { text-align:right; float:right; margin:1em; width:300px; direction:rtl} .webcam_desc { float:right;width:90%;margin:0.5em;padding:0.5em; direction:rtl} #webcam_desc fieldset { padding:0.5em } #upload_pic:hover { background-position:right; color:#3D718E; } .white_box2, .chosenreply { background:rgba(255, 255, 255, 0.5); direction:rtl; padding-bottom:20px; position:relative; -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2); box-shadow: 0 1px 5px rgba(0,0,0,0.2); padding-bottom:10px; height:auto; } .white_box2 a { text-decoration:underline; color:#3D718E; word-break: break-word; } #live_pic p, #picoftheday p{ margin-top:20px; margin-bottom:10px; height:40px; line-height:14px; margin-right:10px } .white_box2 a:hover { cursor:pointer; color:#DD6B96; } #pic_stuff { margin-top:50px; } #pic_frame { z-index:98; overflow:hidden; } #pic_frame img { float:left; margin-left:10px; height:180px; width:180px; max-height:none; max-width:none; } #picoftheday h3, h4 , #live_pic h3 { text-align:right; } #pic_contentbox {} #pic_frame .contentbox-wrapper{ position:relative; padding:0; margin:0; right:0; width:1500px; height:100%; } #pic_frame .contentbox{ width:200px; height:100%; float:right; padding:0; margin:0; margin-bottom:10px; } .user_icon_frame { width:36px; overflow: hidden; margin-right:90px; } #user_icon_contentbox { position:relative; padding:0; margin:0; right:0; width:828px; height:100%; } #user_icon_contentbox .contentbox { float: right; height: 100%; margin: 0 0 2px; padding: 0; width: 36px; } .icon_left, .icon_right { background-repeat:no-repeat; height:26px; width:13px; margin-right: 46px; position:absolute; margin-top: -30px; } .icon_left { background-image:url("../img/pic_left.png"); margin-right:136px;; padding-left: 10px; } .icon_right { padding-right: 10px; background-image:url("../img/pic_right.png"); } #icon_left:hover { margin-left:-40px; cursor:pointer; } #icon_right:hover { margin-left:320px; cursor:pointer; } #live_pic h3, #picoftheday h3 { padding-top:10px; font-family: ezerblock_oe_regularregular; font-weight: normal; padding-right: 5px; } #live_pic object { margin-right:10px; margin-top:10px; } #user_icon_contentbox .contentbox div{ height:36px; width:36px; background-repeat:no-repeat; } .avatar { position:absolute; height:36px; width:36px; margin-right:10px; margin-top:15px; background-repeat:no-repeat; } .picoftheday_avatar { background-image:url("../img/picoftheday_avatar.png"); } .live_avatar { background-image:url("../img/live_avatar.png"); } .user_avatar1 { background-image:url("../img/user_icon/user_avatar1.png"); } .user_avatar2 { background-image:url("../img/user_icon/user_avatar2.png"); } .user_avatar3 { background-image:url("../img/user_icon/user_avatar3.png"); } .user_avatar4 { background-image:url("../img/user_icon/user_avatar4.png"); } .user_avatar5 { background-image:url("../img/user_icon/user_avatar5.png"); } .user_avatar6 { background-image:url("../img/user_icon/user_avatar6.png"); } .user_avatar7 { background-image:url("../img/user_icon/user_avatar7.png"); } .user_avatar8 { background-image:url("../img/user_icon/user_avatar8.png"); } .user_avatar9 { background-image:url("../img/user_icon/user_avatar9.png"); } .user_avatar10 { background-image:url("../img/user_icon/user_avatar10.png"); } .user_avatar11 { background-image:url("../img/user_icon/user_avatar11.png"); } .user_avatar12 { background-image:url("../img/user_icon/user_avatar12.png"); } .user_avatar13 { background-image:url("../img/user_icon/user_avatar13.png"); } .user_avatar14 { background-image:url("../img/user_icon/user_avatar14.png"); } .user_avatar15 { background-image:url("../img/user_icon/user_avatar15.png"); } .user_avatar16 { background-image:url("../img/user_icon/user_avatar16.png"); } .user_avatar17 { background-image:url("../img/user_icon/user_avatar17.png"); } .user_avatar18 { background-image:url("../img/user_icon/user_avatar18.png"); } .user_avatar19 { background-image:url("../img/user_icon/user_avatar19.png"); } .user_avatar20 { background-image:url("../img/user_icon/user_avatar20.png"); } .user_avatar21 { background-image:url("../img/user_icon/user_avatar21.png"); } .user_avatar22 { background-image:url("../img/user_icon/user_avatar22.png"); } .user_avatar23 { background-image:url("../img/user_icon/user_avatar23.png"); } .user_avatar24 { background-image:url("../img/user_icon/user_avatar24.png"); } .pic_user p { margin-top:10px; } .pic_user img { margin-top:10px; } .pic_user h3{ margin-right:50px; } .pic_user h4{ margin-right:96px; } #map_thumbs img { height:30px; width:30px; position:absolute; z-index:55; border:solid; border-color:#fff; border-width:2px; } #map_thumbs img:hover { cursor:pointer; } #pic_thumb1 { top: 430px; left: 520px; } #pic_thumb2 { top: 550px; left: 450px; } #pic_thumb3 { top:630px; left:490px; } #pic_thumb4 { top:600px; left:580px; } #pic_thumb5 { top:570px; left:670px; } #pic_thumb6 { top:530px; left:550px; } #pic_thumb7 { top:650px; left:740px; } #pic_thumb8 { top:620px; left:890px; } #pic_thumb9 { top:600px; left:850px; } #pic_thumb10 { top:590px; left:440px; } /* ========================================================================== FORUM ========================================================================== */ #forum .container { z-index:20; margin-top:0px; min-height: 1800px } #forum .span3 { margin-left:-7px; width:278px; } #msgDetails{ width: 1080px; } #msgDetails .white_box2, #msgDetails .chosenreply{ width: 32.4%; } @media only screen and (max-width: 1280px) { #msgDetails .white_box2, #msgDetails .chosenreply{ width: 49.4%; } #msgDetails{ width: 830px; } } .chatdate { width:7%;float:left;margin:0.4em 0; font-style: italic;position: absolute;left:70px;top:-20px } .chatmainbody { margin:0.4em;width:96%;float:right;line-height:18px; } .chatmainbody table { width:100%;border: 1px solid; } .alternatebody{ line-height:1em; } .chatseperator { margin:0 0.2em; position: absolute; right: -1px; } .chatreply { margin:0.4em;text-align:right;float:right;width:10% } .chatdatereply { margin: 0 5px; float:right; } .chatdatereply, .msgcount { opacity: 1; margin-right:8px; font-family: nextexitfotlight; font-size: 1.1em; } .pic_user .msgcount { font-family: nextexitfotlight; font-size: 1.1em; display: inline-block; } .pic_user .datestart{ font-weight:normal; font-family: nextexitfotlight; font-size: 1.1em; } .replyesnumber{ font-weight: normal; font-family: nextexitfotlight; font-size: 1.2em; float: left; margin-left: 1em; } .chataftersepreply { margin: 0 0.1em; width: 100%; position:relative } .chatnamereply { margin: 0 0.1em } .chatbodyreply { width: 85%; margin-right:35px; word-wrap: break-word; white-space:normal; white-space:-moz-pre-wrap; } .chatbodyreply .avatar { right:-12px; } #faq .chatbodyreply, #tips .chatbodyreply{ margin-right:40px; } #faq .chatthreadcell, #tips .chatthreadcell{ padding:1em } .firstreplyline .chatdatereply{ position:relative; left:0; } .chatthreadcell { float:right; text-align:right; width:100%; height:auto } .chatthreadcell .chatdatereply { position:relative; } a#expandclick, a#contractclick { margin-right: 10em; font-size: 1.3em; font-weight: bold; padding:0.8em; display:inline-block; } #reportcontrols select { width:100px } #middleadsense_container { float:left; } #middleadsense{ height:100px; margin-top:0px; width:730px; float:left; background-color:#fff; padding-top: 12px; padding-left: 7px; border-right: solid; padding-right: 5px; padding-bottom: 2px; border-width: 5px; border-color:#829CAA; } #plane{ float:left; width:150px; } #adexternal{ margin-right:80px; margin-top:-120px; } #new_post_btn { background-image:url("../img/new_post.png"); background-position:left bottom; background-repeat:no-repeat; height:51px; width:51px; font-size:23px; line-height:20px; font-family:nextexitfotlight; color:#000000; padding-bottom:50px; text-align:center; margin-right:20px; } #new_post_btn:hover { background-position:right bottom; } #subject_container{ padding-top:10px; } #forum_rules { margin-right:40px; } #forum_rules li{ } .replyname { font-weight:bold; } #new_post, #replyInputsDiv { margin-top:20px; margin-bottom:5px; padding-bottom:5px; visibility:hidden; position:absolute; } #replyInputsDiv{ position:relative; margin-top:50px; margin-right:0; z-index:1000; } #new_post:after, #replyInputsDiv:after { content:""; position:absolute; display:block; top:-20px; margin-right: 40px; bottom: auto; border-width: 20px 20px 0 0; border-style: solid; border-color: transparent #fff; width: 0; opacity:0.7; } #new_post .span7, #replyInputsDiv .span7 { margin-right:5px; margin-top: 20px; } #new_post .span2, #replyInputsDiv .span2 { margin-right:5px; text-align:center; } #new_post_container{ margin-right:0; } #new_post p, #replyInputsDiv p{ color:#829CAA; margin-top:10px; } #new_post textarea, #replyInputsDiv textarea{ margin-right:7px; width:600px; resize:none; height:110px; font-family:Alef; } #msgDetails .white_box{ background: rgba(255, 255, 255, 0.95) } #subject_icon { height:38px; background-repeat:no-repeat; width:37px; margin-left:170px; margin-top:5px; } #subject_left, #subject_right { height:15px; width:10px; background-repeat:no-repeat; opacity:0.6; } #subject_left:hover, #subject_right:hover { opacity:1; cursor:pointer; } #subject_left { background-image:url("../img/subject_left.png"); float: left; margin-left: -55px; margin-top: 15px; } #subject_right { background-image:url("../img/subject_right.png"); margin-right:52px; margin-top: 20px; margin-bottom: 20px; } #new_post_private{ margin:5px 10px 0 10px; float: right;width:120% } #new_post_okay, #new_post_cancel { background-color:#C0CE61; color:#fff; width:60px; border-radius:5px; display:inline-block; margin:5px; padding:5px 8px; float:right; } #new_post_okay:hover, #new_post_cancel:hover { background-color:#B1BE5A; cursor:pointer; } #new_post_user { background-repeat:no-repeat; background-position:right; height:51px; width:51px; margin-top:-98px; margin-bottom:30px; margin-right:27px; } .new_post_icons { float:left; width:100px; margin-top:-30px; } #new_post_link, #new_post_pic, #new_post_bold, #new_post_emoticon { width:22px; height:22px; display:inline-block; background-repeat:no-repeat; opacity:0.6; } #new_post_link:hover, #new_post_pic:hover, #new_post_bold:hover, #new_post_emoticon:hover { opacity:1; } #new_post_link { background-image:url("../img/new_post_link.png"); } #new_post_pic { background-image:url("../img/new_post_pic.png"); } #new_post_bold { background-image:url("../img/new_post_bold.png"); } #new_post_emoticon { background-image:url("../img/new_post_emoticon.png"); } #posts { padding-bottom:20px; margin-bottom:5px; margin-top: 10px; min-height: 1200px; } .postusername { font-weight:bold;margin: 0 5px;float:right;width: auto; } .footer { color: #fff; font-size: 12px; background-image: url("../img/footer_sun.png"); background-repeat: no-repeat; background-position: center; height: 20px; text-align: left; width: 53%; left:480px; bottom: 10px; position: absolute; margin-top: 30px; border-top: solid; border-width: 1px; padding-top: 5px; } .footer a { color: #fff; } .footerinsection{ bottom: -80px; left:0; width:100% } #posts img{ max-width: 285px; height: auto; margin-right:2px; } #forum_grass { background-image:url("../img/forum_grass.png"); background-repeat:no-repeat; width:2260px; height:120px; position:absolute; margin-top:-117px; left:70px; } #forum hr { margin-top:5px; margin-bottom:10px; float:left; width:790px; margin-left:10px; height:1px; border:0; color:#fff; background-color:#fff; } #forum_sidebar { width:195px; position:absolute; margin-right:30px; float:right; margin-top:220px; direction:rtl; text-align:right; } #forum_sidebar ul { border-top:solid; border-color:#fff; border-width:1px; padding-top:10px; margin-top:120px; margin-right:0px; margin-left:30px; } #forum_sidebar li { list-style:none; color:#fff; font-family:nextexitfotlight; font-size:18px; letter-spacing:3px; line-height:24px; } #forum_sidebar li:hover { color:#DD6B96; cursor:pointer; } #forum_sidebar ul .selected { font-family:nextexitfot_regularregular; color:#3D718E; } #forum_sidebar h2 { margin-left:30px; margin-top:30px; text-align:center; border-bottom:solid; color:#fff; border-color:#fff; border-width:1px; padding-bottom:5px; } #forum_sidebar .searchForm { margin:0; margin-right:0px; float:right; margin-bottom:30px; } #forum_sidebar .search-query { } #forum_sidebar .searchForm input[type="submit"] { margin:0; margin-top:3px; } #forum_sidebar .searchForm input[type="submit"]:hover { background-color:#2C3A42; } #forum_filter { margin-right:-20px; width:195px; } .filter_icon1, .filter_icon2, .filter_icon3, .filter_icon4, .filter_icon5, .filter_icon6, .filter_icon7, .filter_icon8 { background-image:url("../img/filter_icons.png"); height:37px; width:37px; float:left; margin-left:7px; } .filter_icon1 { background-position:-1px; } .filter_icon2 { background-position:-38px; } .filter_icon3 { background-position:-75px; } .filter_icon4 { background-position:-112px; } .filter_icon5 { background-position:-149px; } .filter_icon6 { background-position:-186px; } .filter_icon7 { background-position:-223px; } .filter_icon8 { background-position:-260px; } #forum .white_box2 ,#forum .chosenreply, #faq .white_box2 ,#faq .chosenreply{ padding-top:10px; margin-bottom:10px; } #forum .white_box2 div.chatfirstbody, #forum .chosenreply div.chatfirstbody{ padding-right:10px; padding-left:10px; margin-bottom:5px; word-break: break-word; } .chatfirstbody { width:100% } #forum .white_box2 div.chataftersepreply, #forum .chosenreply div.chataftersepreply, #faq .chosenreply div.chataftersepreply, #faq .white_box2 div.chataftersepreply{ padding-right:15px; padding-left:15px; margin-bottom:5px; } #forum h3 { font-size:1.1em; line-height:18px; margin-top:0px; } #forum .avatar { margin-top:0px; } .alerttime{ font-weight: bold; padding:0.6em 0 0; padding-right:0.5em } .comment_btn { color:#648395; text-decoration:underline; background:transparent; background-image:url("../img/comment_plus.png"); background-repeat:no-repeat; background-position:right;gra padding:5px; margin-right:30px; padding-right:18px; border:none; cursor:pointer; font-size: 1.2em; } .comment_btn:hover { color:#DD6B96; cursor:pointer; } .pivotpointer{clear:both;width:30%} .post_icon1, .post_icon2, .post_icon3, .post_icon4 { height:51px; width:51px; background-repeat:no-repeat; margin-right:85px; display:block; margin-bottom:10px; } #new_post_alert{ padding: 0.5em;width:100%;font-size: 1.5em; } #check_alert_msg{ width:20px } .post_icon1 { background-image:url("../img/post_icon1.png"); } .post_icon2 { background-image:url("../img/post_icon2.png"); } .post_icon3 { background-image:url("../img/post_icon3.png"); } .post_icon4 { background-image:url("../img/post_icon4.png"); } .post_reply { margin-right:10px; border-right:solid; border-width:1px; border-color:#829CAA; } .admin_avatar { background-image:url("../img/admin_avatar.png"); } .admin { color:#D8575A; } #hill1 { position:absolute; top:980px; left:0px; } #hill2 { position:absolute; top:-60px; left:100px; } #hill3 { position:absolute; top:-100px; left:300px; } #hill4 { position:absolute; top: -270px; left: 374px; } #hill5 { position:absolute; top:0px; left:1550px; } #hill6 { position:absolute; top:600px; left:0px; } /* ========================================================================== FIXED NAVIGATION ========================================================================== */ #logo{ background-image:url("../img/logo.png"); width:113px; height: 112px; position:fixed; background-repeat:no-repeat; z-index:1000; margin-right:10px; } #logo a{ width:100%; height:100%; display: inline-block; } .fixed_nav { direction:rtl; margin-right:30px; } .main_nav { position:fixed; text-align:center; padding:0; margin-top:5px; margin-right:0px; top:200px; z-index:300; } .not_fixed_nav{ direction:rtl;} .not_fixed_nav .main_nav{ position:absolute } .not_fixed_nav #logo{ position:absolute } .main_nav li, .sun_shade_nav li { list-style:none; margin-bottom:5px; cursor:pointer; } .now, .forum, .pics, .whatmore, .forecast { letter-spacing:2px; font-family:ezerblock_oe_regularregular; font-size:18px; color:#2C3A42; padding: 2px 10px; display:inline-block; } .active{ border-radius:15px; color:#FFFFFF; text-decoration:none; background-color:#2C3A42; border-style:none; } .main_nav a:hover, .sun_shade_nav a:hover { color:#FFFFFF; text-decoration:none; } #lion { background-image:url("../img/lion2.png"); width:200px; height:170px; background-position:left; background-repeat:no-repeat; position:fixed; top:140px; margin-left:19px; z-index:99; } #cloud_lion { top:190px; position:absolute; z-index:-1; } /* ========================================================================== MAIN ARTICLES ========================================================================== */ #content { position: relative; line-height: 1.7; } #content article { } #now { position: absolute; width:1280px; float:right; z-index: 13; } #forecast { position: absolute; top: 295px; width:1280px; float:right; z-index: 200; } #whatmore { position: absolute; top: 770px; width:1280px; float:right; } #pics { position: absolute; top: 1590px; z-index: 13; } #section { position: absolute; top: 320px; width:1280px; float:right; z-index: 200; text-align:right } #forum { position: absolute; top: 2450px; background-color: #C0CE61; width:2260px; left:-475px; z-index:16; direction:rtl } @media only screen and (max-width: 1280px) { #forum { width:2000px; left: -595px; } #section { width:1020px; } } /* ========================================================================== CLOUDS ========================================================================== */ #cover_clouds-1 { position:absolute; top: 900px; left: 80px; z-index: 103; } #cover_clouds-2 { position:absolute; top: 910px; left: 300px; z-index:101; } #cover_clouds-3 { position:absolute; top: 910px; right: 100px; float:right; z-index:102; } #cover_clouds-4 { position:absolute; top: 840px; right: 150px; float:right; z-index:100; } .cloud1, .cloud2, .cloud3, .cloud4, .cloud-big, .cloud1-more, .cloud2-more, .cloud3-more, .cloud4-more, .cloud-big-more { border-radius: 100%; display: inline-block; position: absolute; opacity:0.9; } .cloud1:after, .cloud1:before, .cloud1-more:after, .cloud2:after, .cloud2:before, .cloud2-more:after, .cloud2-more:before, .cloud3:after, .cloud3:before, .cloud3-more:after, .cloud3-more:before, .cloud4:after, .cloud4:before, .cloud4-more:after, .cloud4-more:before, .cloud-big:after, .cloud-big:before, .cloud-big-more:after, .cloud-big-more:before { content: ''; border-radius: 100%; position: absolute; } .cloud1 { height: 30px; width: 140px; } .cloud1:after { height: 35px; right: -5px; top: -12px; width: 40px; } .cloud1:before { height: 40px; left: -4px; top: -14px; width: 50px; } .cloud1-more { height: 60px; top: -30px; left:30px; width: 60px; } .cloud1-more:after { height: 40px; top: 5px; left:45px; width: 40px; } .cloud2 { height: 30px; width: 210px; } .cloud2:after { height: 40px; right: -7px; top: -14px; width: 80px; } .cloud2:before { height: 35px; left: -4px; top: -11px; width: 60px; } .cloud2-more { height: 80px; top: -50px; left:50px; width: 80px; } .cloud2-more:after { height: 50px; top: 15px; left:60px; width: 90px; } .cloud2-more:before { height: 40px; top: 20px; right:65px; width: 40px; } .cloud3 { height: 30px; width: 150px; } .cloud3:after { height: 35px; right: -5px; top: -12px; width: 40px; } .cloud3:before { height: 40px; left: -4px; top: -14px; width: 50px; } .cloud3-more { height: 80px; top: -50px; left:55px; width: 80px; } .cloud3-more:before { height: 50px; left: -30px; top: 14px; width: 50px; } .cloud4 { height: 30px; width: 180px; } .cloud4:after { height: 35px; right: -5px; top: -12px; width: 40px; } .cloud4:before { height: 45px; left: -7px; top: -22px; width: 50px; } .cloud4-more { height: 65px; top: -40px; left:90px; width: 65px; } .cloud4-more:before { height: 75px; left: -60px; top: -19px; width: 75px; } .cloud-big { height: 60px; width: 400px; } .cloud-big:after { height: 80px; right: -14px; top: -28px; width: 160px; } .cloud-big:before { height: 70px; left: -8px; top: -22px; width: 100px; } .cloud-big-more { height: 160px; top: -100px; left:100px; width: 160px; } .cloud-big-more:after { height: 100px; top: 30px; left:120px; width: 120px; } .cloud-big-more:before { height: 80px; top: 40px; right:130px; width: 80px; } .cloud1, .cloud2, .cloud3, .cloud4, .cloud-big { background-color: #EBFBFD; background-image: -webkit-linear-gradient(top, #EBFBFD, #CDF5FA); background-image: -moz-linear-gradient(top, #EBFBFD, #CDF5FA); background-image: -ms-linear-gradient(top, #EBFBFD, #CDF5FA); background-image: -o-linear-gradient(top, #EBFBFD, #CDF5FA); } .cloud1:after, .cloud3:after, .cloud4:after,.cloud2:after, .cloud-big:after { background-color: #EBFBFD; background-image: -webkit-linear-gradient(top, #EBFBFD, #D7F7FB); background-image: -moz-linear-gradient(top, #EBFBFD, #D7F7FB); background-image: -ms-linear-gradient(top, #EBFBFD, #D7F7FB); background-image: -o-linear-gradient(top, #EBFBFD, #D7F7FB); } .cloud1:before, .cloud2:before, .cloud3:before, .cloud4:before, .cloud-big:before, .cloud1-more, .cloud2-more, .cloud3-more, .cloud4-more, .cloud-big-more, .cloud1-more:after, .cloud2-more:after, .cloud3-more:after, .cloud4-more:after, .cloud-big-more:after { background-color: #EBFBFD; background-image: -webkit-linear-gradient(top, #fff, #D7F7FB); background-image: -moz-linear-gradient(top, #fff, #D7F7FB); background-image: -ms-linear-gradient(top, #fff, #D7F7FB); background-image: -o-linear-gradient(top, #fff, #D7F7FB); } .cloud1-more:before, .cloud2-more:before, .cloud3-more:before, .cloud4-more:before, .cloud-big-more:before { background-color: #EBFBFD; background-image: -webkit-linear-gradient(top, #fff, #E1F9FC); background-image: -moz-linear-gradient(top, #fff, #E1F9FC); background-image: -ms-linear-gradient(top, #fff, #E1F9FC); background-image: -o-linear-gradient(top, #fff, #E1F9FC); } @keyframes animateCloud { 0%{margin-left:-140px} 100%{margin-left:0px} } /* midground (clouds) */ #parallax-bg2 { z-index: 2; position: fixed; left: 50%; /* align left edge with center of viewport */ top: 0; width: 1200px; margin-left: -600px; /* move left by half element's width */ } #bg3-1{ margin: 20px 50px; position: relative; } #bg3-2{ margin: 135px 20px; } #leftline_cloud{ position: absolute; width: 75px; opacity: 0.7; margin-top: -16px; left: 0px; -ms-transform: rotate(160deg); -moz-transform: rotate(160deg); -webkit-transform: rotate(160deg); } #rightline_cloud{ position: absolute; width: 75px; opacity: 0.7; margin-top: -16px; left: 225px; -ms-transform: rotate(20deg); -moz-transform: rotate(20deg); -webkit-transform: rotate(20deg); } #bg2-1 { position: absolute; top: 82px; left: 1340px; animation: animateCloud 10s ease forwards; } #bg2-2 { position: absolute; top: 300px; left: 1280px; animation: animateCloud 10s ease forwards; } #bg2-3 { position: absolute; top: 246px; left: 182px; animation: animateCloud 10s ease forwards; } #bg2-4 { position: absolute; top: 780px; left: -50px; animation: animateCloud 10s ease forwards; } #bg2-5 { position: absolute; top: 330px; left: 830px; animation: animateCloud 10s ease forwards; } #bg2-6 { position: absolute; top: 290px; left: -140px; animation: animateCloud 10s ease forwards; } #bg2-7 { position: absolute; top: 150px; left: -90px; animation: animateCloud 10s ease forwards; } #bg2-8 { position: absolute; top: 400px; left: 160px; animation: animateCloud 10s ease forwards; } #bg2-9 { position: absolute; top: 350px; left: 190px; animation: animateCloud 10s ease forwards; } #bg2-10 { position: absolute; top: 320px; left: -150px; animation: animateCloud 10s ease forwards; } /* background (clouds) */ #parallax-bg1 { z-index: 1; position: fixed; left: 50%; /* align left edge with center of viewport */ top: 0; width: 1200px; margin-left: -600px; /* move left by half element's width */ } #bg1-1 { position: absolute; top: 85px; left: -230px; animation: animateCloud 10s ease forwards; } #bg1-2 { position: absolute; top: 360px; left: 1220px; animation: animateCloud 10s ease forwards; } #bg1-3 { position: absolute; top: 390px; left: 25px; animation: animateCloud 10s ease forwards; } #bg1-4 { position: absolute; top: 180px; left: 1150px; animation: animateCloud 10s ease forwards; } #bg1-5 { position: absolute; top: 270px; left: 1200px; animation: animateCloud 10s ease forwards; } #bg1-6 { position: absolute; top: 210px; left: -190px; animation: animateCloud 10s ease forwards; } #bg1-7 { position: absolute; top: 270px; left: -80px; animation: animateCloud 10s ease forwards; } #bg1-8 { position: absolute; top: 390px; left: -100px; animation: animateCloud 10s ease forwards; } #bg1-9 { position: absolute; top: 230px; left: 820px; animation: animateCloud 10s ease forwards; } #bg1-10 { position: absolute; top: 320px; left: 1070px; animation: animateCloud 10s ease forwards; } /* ========================================================================== TOP BAR STUFF ========================================================================== */ .navbar-inner { background-image:none; font-family: ezerblock_oe_regularregular; font-size: 16px; color:#3D718E; background:rgba(255, 255, 255, 0.7); min-height:34px; text-align:right; direction:rtl padding-top:0px; } .navbar-inner .span6 { margin-right:0px; } .navbar-inner a{ color:#3D718E; } #graphnav li{ font-size: 1.5em; padding: 0.6em; } #graphsportal{ margin:1.2em 0.2em; } #registerinput{ margin-bottom:10px; } #user_info { display:inline-block; float:left; direction:rtl} #login, #forgotpass, #register, #clicktoregister{ padding:0.9em; color:black; font-size:1.2em } #user_icon, #profileform_user_icon { float: right; background-repeat:no-repeat; background-position:right; min-height:36px; vertical-align:middle; display:inline-block; width:36px; margin-top:-13px; opacity:0.7; } #user_icon_dialog{ position:absolute; top:10px; right:10px; } #user_icon:hover { } #user_name { display:inline-block; padding-left:5px; margin-bottom:0px; color:#3D718E; padding-right:10px; float: right; } .dd_arrow { background-image:url("../img/arrow_down.png"); background-position:left; width:13px; height:7px; margin-right:5px; display:inline-block; } .dd_arrow:hover { background-position:right; cursor:pointer; } #top_links { display:inline-block; margin-right:13px; margin-bottom:3px; } #top_links li{ display:inline-block; list-style:none; border-right:solid; border-color:#3D718F; border-width:1px; padding-left:13px; padding-right:13px; line-height:11px; } #top_links li ul li{ border:none; line-height:16px; } #top_links li a { padding-bottom:7px; color:black; } #top_links li ul li a { padding-bottom:0; font-size:1.3em; } .navbar .nav { height: 30px; width:auto } #top_links li a:hover, #arabic:hover, #english:hover { text-decoration:none; color:#DD6B96; border-bottom:solid; border-width:3px; border-color:#DD6B96; cursor:pointer; } #top_links li ul li a:hover { border-bottom:none; } #tohomepage { } #print { background-image:url("../img/print_icon.png"); width:38;height:38; display:inline-block; text-align:center; background-repeat:no-repeat; background-position:left; margin:0 5px; cursor:pointer; float:left; margin-left: 0px; } #print:hover { cursor:pointer; background-position:right; } .last_update { padding-top:3px; margin-right:0px; text-align:right; display:inline-block; } #hebrew{ display:inline-block; margin-top:2px; font-size:0.8em; float:left; margin-left:20px; } #arabic { display:inline-block; margin-top:1px; font-size:12px; float:left; margin-left:15px; font-family:Droid Arabic Kufi; padding-bottom:7px; margin-bottom:-12px; } #english { display:inline-block; margin-top:2px; font-size:0.8em; float:left; margin-left:20px; padding-bottom:6px; margin-bottom:-12px; } #tempunitconversion{ display:inline-block; margin-top:2px; margin-left:10px; font-size:0.8em; float:left; } #tempconversion{ margin:0 } .searchForm { margin:0px; margin-left:15px; margin-top:0px; display:inline-block; float:left; direction:rtl} .searchForm input[type="submit"] { width:22px; height:22px; vertical-align:top; border-radius:50%; background-color:#FFFFFF; border-color:#B4C3CC; border-style:solid; border-width:1px; margin-right:5px; background-image:url("../img/search_img.png"); background-repeat:no-repeat; } .searchForm input[type="submit"]:hover { background-position:right; background-color:#B4C3CC; } .searchForm input[type="text"] { padding-bottom:0px; padding-top:0px; margin-bottom:0px; font-size:12px; line-height:12px; } .search-query { border-radius:20px; padding:1px; margin-top:0px; width:100px; line-height:10px; border-style:solid; border-color:#B4C3CC; border-width:1px; color:#648395; padding-bottom:0px; margin-bottom:0px; } #bottom_bg { position:absolute; width:100%; text-align:center; height:100%; } #tree { position:absolute; background:url("../img/tree.png") no-repeat; background-position:top right; height:1200px; width:441px; left:930px; top:400px; z-index:8; } #crow { position:absolute; background:url("../img/crow.png") no-repeat; background-position:left; height:100px; width:100px; left:930px; top:400px; z-index:500; } #train, #train2{ position:absolute; height:60px; width:80px; left:600px; top:300px; z-index:500; } #train2{ top:230px;left:580px } #crow:hover { background-position:-99px; } #bg_backHills { position:absolute; background:url("../img/bg_backHills.png") no-repeat center top; top:1500px; height:100%; width: 120%; z-index:5; } #bg_map { position:absolute; top:1600px; left:150px; height:100%; background: url("../img/bg_map.png") no-repeat center top; width: 100%; z-index:7; } #bg_hills { position:absolute; top:1600px; left:0; height:100%; background: url("../img/bg_hills.png") no-repeat center top; width: 110%; z-index:6; } #bg_grass { position:absolute; background:url("../img/bg_grass.png") no-repeat center top; top:2000px; left:0; height:1500px; width: 100%; z-index:14; } #bg_grass2 { position:absolute; background:url("../img/bg_grass.png") no-repeat center top; top:2300px; height:1500px; width: 100%; z-index:15; } #snow { width:2260px; position:fixed; top:0; z-index:50; } canvas { display:block; margin:0; padding:0; position:fixed; z-index:10; } a.info { position: relative;text-decoration: none; } a.info:hover { background: rgba(255, 255, 255, 0.6); z-index: 100; } a.info span.info { display: none; z-index: 9999; } a.info:hover span.info { display: block; font-size: 0.8em; right: -1em; width: 10em; position: absolute; top: 1.5em; text-align: center; padding: 0.7em; text-decoration: none; background: rgba(255, 255, 255, 0.9); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2); box-shadow: 0 1px 5px rgba(0,0,0,0.2); color: #2C3A42; } .currentcloth span.info { margin-top: 2.5em; } .inparamdiv { font-family: nextexitfotlight; background:linear-gradient(to top,rgba(255, 255, 255, 0.55),rgba(255, 255, 255, 0.55)); text-align:center; -moz-border-radius: 999px; border-radius: 999px; behavior: url(PIE.htc); width: 255px; height: 235px; color:#2C3A42; font-size: 1.4em; z-index:9999; direction:rtl} .hourly{ padding:0.3em 1em;cursor: pointer;font-size: 1.1em } .inparamdiv a { color: #2C3A42; } .inparamdiv table { margin: 0 auto; width:85%; border-top:1px solid; border-color: #829CAA; } .trendstable { position: absolute; top: 5.6em; width: 100%; } #latestwind .trendstable { top:6.6em } #latestrain .trendstable { line-height:1em; top: 5.4em; } .trendstitles, .trendsvalues { text-align:center; font-size: 1.2em; line-height: 1em; } .trendstitles .box img{ margin-top: 5px; } #latestwindow .exp{ line-height: 0.9em; width: 90%; margin: 3em auto; position: absolute; } .exp li{ list-style: none; line-height: 0.85em; width: 100%; padding: 0.15em 0; } .exp ul{ margin:0 } #latestradiation .innertrendvalue{ width:85% } #latestradiation .trendstable { top:7.0em } @keyframes glowing { 0% { text-shadow: 0 0 10px #0000FF, 0 0 10px #0000FF, 0 0 10px #0000FF, 0 0 10px #0000FF, 0 0 20px #0000FF, 0 0 10px #0000FF, 0 0 10px #0000FF; } 100% { text-shadow: none } } .glow { animation: glowing 500ms ease-out; } .shade_old { font-size:0.15em; position: absolute; margin: 6.2em 0 0 1.3em;; } .inparamdiv .highlows { position:absolute; top:4em; border-top:1px solid; border-color: #829CAA; width: 90%; margin-right: 13px; } #latestradiation .highlows{ line-height: 1em; } #latestairq .highlows{ line-height: 0.85em; font-size: 0.95em; top:85px } #latestairq .trendstable{ top:7.2em } .highlows img { margin-top: -3px; } .highlows .lowparam { margin-right: 20px; } .graphslink{ position:absolute; right: 112px; top: 215px; } #currentrow .graphslink{ right: 200px; } #latesttemp3 .graphslink, #latestdewpoint .graphslink{ width:270px; right: 62px; top: 255px; line-height: 12px; font-size:0.9em } #latestparam{ display:none; } @media only screen and (max-width: 600px) { #latestparam{ display:block; } } .paramtitle { font-size: 1.2em; padding-top: 6px; margin:0 auto; width:100%; } #paramsdiv { padding:0;margin:0;width:100%;float:right; vertical-align: top;position:relative; } #paramstable { padding:0;margin:0;width:100%; direction:rtl} #paramstable fieldset { border:none; } #WUNowRes_short, #ImsNowRes_short{ line-height:1em;padding-top:1em;width: 100%;position: absolute; } .WUNowRes .foreach, #ImsNowRes .foreach{ float:right; padding:1em; background: rgba(242, 251, 252,0.8); color: #6A826D; font-size:1.1em } .IMSNowRes .foreach{ float:right; padding:1em; background: rgba(240, 250, 252,0.7); color: #6A826D; font-size:1.2em } #latesttemp{ text-align:center;border-bottom:none; } #tempdiv { height:100%;width:auto; } #temptable { width:auto } #templabel { } #forecasttime { margin-top: -30px; } #tempdivvalue { font-weight: normal; margin-left: 11px; color: #2C3A42; padding-top: 0.35em; font-size: 4em; width: 50%; direction:ltr } .rainpercent{ background: url('../images/icons/day/rain.png') no-repeat 35px; background-size: 22px; width: 28%; margin: 50px auto; font-size: 1em; font-weight: bold; text-align: left; position: absolute; } #laundryidx { left: -40px; top: 104px; position: absolute; display:none; } #laundryidx img{ opacity:0.6 } #laundryidx a.info:hover span.info { ; opacity:1 } #currentrow #laundryidx { left: 12px; top: -65px; } #windy { margin: 0 auto;position: absolute;font-size:0.95em;width: 50%;z-index: 100;top:5.5em;left: 11.3em; } #windy .wind_title { margin:0 auto } .wind_icon { margin:0 auto } #status { margin-top: 0.2em; width: 48%; color: #2C3A42; font-family: nextexitfotlight; font-size: 1.1em; line-height: 18px; height:95%; } #cm_dislike { position: absolute; top: 7em; left: 1.8em; cursor: pointer; } #cm_like { position: absolute; top: 7em; left: 3.4em; cursor: pointer; } #status .wind_title { margin:0 auto } #status .wind_icon { margin:0 auto } #latestnow{ z-index:9999; font-size: 1.45em; display:flex } #latestnow .currentcloth { display: block; margin: 0.2em auto; width:90% } #coldmeter { text-align: center; width: 48%; top: 2.6em; position: absolute; } .color9{ font-size: 0.6em; } #current_feeling_link { font-size:110%} #itfeels, #heatindex { direction:rtl; position: absolute; width: 245px; top: 5.2em; padding: 0px 5px; text-align:center; font-size: 1.2em; line-height: 25px; border-radius: 15px; } #heatindex{ top:7.8em; width:200px; } #currentrow #itfeels { width: 45%; height: 100px; } #itfeels img{ ; } .sunshade{ display:inline-block; } #latestpressure { border-bottom:none;display:none; } .paramvalue { font-size: 3em; position:absolute; top:10px; width:100%; font-family:nextexitfotlight; direction:ltr } .paramvalue .valley{ margin-top: -35px; } .paramunit, .param { font-size:0.35em; font-weight:normal; display:inline } #latestpressure .paramvalue { direction:rtl} .paramunit{ vertical-align: super; font-size:0.25em; } .param{ vertical-align: baseline; margin-left: -0.2em; } .param.valley{ margin-left: -8.2em; } .paramtrend { position:absolute; top:8.2em; width:100%; line-height:0.8; margin:0 auto } #latestwind .paramtrend { top:5.5em; } .trendvalue { width:100%; } .trendsvalues { font-weight: bold; } .innertrendvalue { width:63%; margin: 0 auto; } #aqvalues{ line-height:1em; margin-top: -0.9em; } #aqvalues ul{ list-style: none; margin:0; } #aqvalues li{ display: inline-block; padding: 0.1em; line-height: 0.7em; } #aqvalues li ul li{ width:22%; margin:0.1em } #aqvalues .line{ width:90% !important; } #aqvalues .title{ border-bottom: 1px solid #829CAA; } .dustexp{ font-size:0.75em } .theshhold_spacer{ width:45% } .exp { line-height:1em; padding: 0.2em; } #latestairq .paramvalue { font-size: 1.9em; line-height: 0.6em; top: 36px; } #latestairq .param { font-size:0.45em; } #latest_laundry, #latest_ac, #latest_sacker, #latest_bicycle, #latest_campfire, #latest_camping, #latest_car, #latest_children, #latest_dinneratbalcony, #latest_dog, #latest_eventoutside, #latest_gazellepark, #latest_heater, #latest_irrigation, #latest_openwindow, #latest_picnic, #latest_sport, #latest_westernwall, #latest_yoga, #latestwindow, #latestrunwalk, #latestotherstations, #latestwind, #latesttemp, #latesttemp2, #latesttemp3, #latesthumidity, #latestdewpoint, #coldmetersurvey, #latestrain, #latestmoon, #latestuv, #latestradiation, #latestairq, #fseasonsurvey { display:none; } #latesttemp2 .param.valley{ margin-left: -13.2em;position:absolute;font-size:0.3em;margin-top:1em;width: 5em;line-height: 1em; } .firstlinerunwalk { margin-top:1em } #coldmetersurvey, #fseasonsurvey { overflow: hidden; position: relative; } #windvalue { float:right;padding:0 0.3em;width:90%; } #windspeed { float:right;width:38%;direction:rtl} #windtrend { float:right;width:13%;margin:0.1em } #winddir { float:right;width:10%;margin-top: 2.45em;margin-right:30% } .wind_icon { background: url('../img/wind_icons2.png') no-repeat top left; width:40px;height:14px; } .windhumsituation { font-size:1em; font-weight:bold; } .no_wind { background-position: -120px 0px; } .light_wind { background-position: -80px 0px; } .moderate_wind { background-position: -40px 0px; } .high_wind { background-position: 0px 0px; } #temptrends, #humtrends, #bartrends, #windtrends, #raintrends, #radiationtrends, #uvtrends { border-top:none; margin:0; padding:0; } #rainratevalue { direction:rtl} .colmeterq{ width:65%; float:right; position:absolute; top:120px; line-height: 18px; font-size: 26px; right:-80px; transform: rotate(90deg); -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari and Chrome */ } .colmetercontainer{ top:0px; right:80px; position:absolute; } .inparamdiv .coldmeterline{ opacity:0.7; margin:0; display:block; border:none; height: 0.83em; color:#FFFFFF; cursor:pointer; text-align:right; font-size:1.2em; background: no-repeat; font-family: nextexitfotlight; width: 11em; background-position-x: right; padding-right:1.2em; } .inparamdiv .coldmeterline:hover{ opacity:1; } .colmetercontainer{ background-position: right; } .radio-toolbar{ margin-bottom:0.2em; border-radius: 8px; background-size: 7%; background-position-x: 96%; background-position-y: 50%; background-repeat: no-repeat; font-family: 'ploni-yad-regular', Alef; } .radio-toolbar.color0, .colmetercontainer .color0{ background-image:url(../images/clothes/cold.svg); } .radio-toolbar.color1, .colmetercontainer .color1{ background-image:url(../images/clothes/gloves.svg); } .radio-toolbar.color2, .colmetercontainer .color2{ background-image:url(../images/clothes/coat_n4.svg); } .radio-toolbar.color3, .colmetercontainer .color3{ background-image:url(../images/clothes/jacket_n4.svg); } .radio-toolbar.color4, .colmetercontainer .color4{ background-image:url(../images/clothes/jacketlight_n4.svg); } .radio-toolbar.color5, .colmetercontainer .color5{ background-image:url(../images/clothes/longsleeves_n4.svg); } .radio-toolbar.color6, .colmetercontainer .color6{ background-image:url(../images/clothes/tshirt_n4.svg); } .radio-toolbar.color7, .colmetercontainer .color7{ background-image:url(../images/clothes/shorts_n4.svg); } .radio-toolbar.color8, .colmetercontainer .color8{ background-image:url(../images/clothes/singlet.svg); } .radio-toolbar.color9, .colmetercontainer .color9{ background-image:url(../images/clothes/singlet.svg); } .radio-toolbar label{ display:inline-block; padding:7px; color:black; font-size:15px; margin: 0em; font-weight: bold; width: 96.5%; text-align: right; padding-right: 40px; opacity:0.35; cursor:pointer; } .radio-toolbar label:hover { opacity:1; } .radio-toolbar input[type="radio"] { display:none; } #voteAccepted{ margin:0.5em; direction:rtl;} .survey_container{ margin-right:1em; width:280px;padding:0.5em 0.2em } #genderchooseradio label { display:block; margin: 0.3em 0.2em; } .radio-toolbar input[type="radio"]:checked { width: 86.5%; } .radio-toolbar input[type="radio"]:checked + label { opacity:1; width: 50%; } #latestrunwalk .exp{ position: absolute; width: 100%; margin-top: 20px; } #pm10value { height: 1200px; position: absolute; right: -390px; top: -178px; width: 999px; } #genderchoose { position:absolute;top:0px;width:430px;z-index:9999;right:100px } #graphmain { float:right} #mouseover{ text-align:center; } #mouseover .high, #mouseover .low{ display: table-cell; } #gp_icon{ text-align:center; margin-right: 200px; } #legends li{ float:right; padding:0 0.9em; color:black; background-color:#eeeeee; font-size: 1.1em; } #section h1, #section h2, #section h3 { text-align:right; margin-right:0px; padding-bottom:5px;direction:rtl } #section h1 { float:right} #section input { width:50px; } #section select { width:100px; } .survey .title, .survey .question, .survey h1{ margin-right: 0.9em !important; } #history_menu { width:100%;top:-100px;position:absolute;right:0 } #history_menu .inv_plain_3 { padding:10px 4px; } .borderfull { border:1px solid } .heb { direction:rtl } .inv{ color: #ccc; background: #5D7FA9; background-repeat: repeat-x; border-radius: 5px; border-radius: 5px; } .inv_plain{ color: #ccc; background: #3D505E; border: #616F9B 3px solid; padding: 5px; margin: 0em; } .inv_plain_2 { background: rgba(242, 251, 252,0.8); color: #6A826D; padding: 8px; margin: 0em; } .inv_plain_2 a { color:#5979A0; } inv_plain_2_zebra { background: rgba(216, 247, 251, 0.4); color: #6A826D; padding: 12px; margin: 0em; } .inv_plain_3 { background:rgba(255,255,255,0.7); color:#2C3A42; padding: 2px; margin: 0em; -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2); box-shadow: 0 1px 5px rgba(0,0,0,0.2); } .inv_plain_3 a{ color: #2C3A42; } .inv_plain_3_min { background:#3C4F5D; color: #ccc; padding: 12px; margin: 0em; border-radius: 8px; } .border_3 { border-bottom: 1px solid; } .inv_plain_3_zebra { border: none; background: rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4); box-shadow: 0 1px 5px rgba(0,0,0,0.4); color: #2C3A42; padding: 5px 8px; margin: 0; } .inv_plain_3_zebra a { color:#4C5D77; } .inv_plain_3_zebra:hover { background: #D8F7FB; } .half_zebra { background: #E7F9FC; } .base { } .topbase { font-weight: bold; font-size: 1.2em; padding: 0.5em; color: #D9F2F5; background: url() #2C3A42 fixed ; border: #71979D 1px solid; text-align: center; margin: 0px; border-radius: 5px; direction:rtl } .topbase a { color: #F2FCFD; } .topbase a:hover { text-decoration:none; } .float { float:right;text-align:right;direction:rtl} .button { cursor:pointer; padding:10px; width:140px; } .invfloat { float:left; } .big { font-weight: bold; font-size: 1.35em } .clear { clear: both; } .high { color: #ff0000; display:inline-block } .highparam, .lowparam {display:inline-block;font-weight: bold;} .invhigh { color: #ffffff; background-color: #731f1f; } #now_stuff .high{ display:inline-block; line-height: 0.4em; vertical-align: top; } .low, .lowparam { direction:ltr; display:inline-block; font-weight:bold; } .pic_cell { padding:0.5em;margin:0.5em;overflow:hidden;line-height:1.1em } .piccomment{ padding-top:6px;width:150px;line-height: 1em; } .picdiv{ float:right;padding:1px } .less { color: #9f9b00 } .more { color: #33CC00 } .indexlow { font-size: 0.8em; background: #669900; color: #000000; padding:3px; } .indexmedium { font-size: 0.8em; background: #99ff00; color: #000000; padding:3px; } .indexhigh { font-size: 0.8em; background: #ffcc00; color: #000000; padding:3px; } .loading{ position:absolute; left:500px; top:300px; } .indexextreme { font-size: 0.8em; background: #ff0000; color: #000000; padding:3px; } .relative { position:relative } #legends li { cursor:pointer } #legends{ margin: 0 0 20px; width: 345px; height: 10px; } #chart-1, #graph_forcast { height: 190px; width: 1980px; color:black; direction:rtl; } .metric-chart { position: relative; margin: 40px auto; } .x-axis-bar-list { margin: 0; } .y-axis, .x-axis { position: absolute; bottom: 50px; left: 50px; } .y-axis { top: 0; right: auto; width: 1px; background-color: #434a54; } .x-axis { top: auto; right: 0; height: 1px; background-color: #434a54; } .x-axis-bar .span-value { width:100% } .temp { direction:ltr } .y-axis-target, .x-axis-target { position: absolute; top: 0; right: 0; bottom: 51px; left: 51px; } .y-axis-target > .y-axis-target-line, .x-axis-target > .y-axis-target-line, .y-axis-target > .x-axis-target-line, .x-axis-target > .x-axis-target-line { position: absolute; } .x-axis-target > .x-axis-target-line { top: auto; right: 0; bottom: 170px; left: 0; height: 0; border-bottom: 1px dashed #da4453; } .x-axis-target-line-label { position: absolute; top: -9px; right: -50px; width: 40px; text-align: left; } .x-axis-target-line-label:after { content: attr(data-label); color: #da4453; font-size: 12px; line-height: 1; } .x-axis-line-list { position: absolute; top: 0; right: 10px; bottom: 51px; left: 50px; } .x-axis-line-item { position: absolute; top: 0; right: auto; bottom: 0; left: 0; } .x-axis-line { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; border-right: 1px solid #ccd1d9; } .x-axis-label-list { position: absolute; top: auto; right: 5px; bottom: 30px; } .h-bar-chart .x-axis-label-list { right: 5px; left: 56px; } .v-bar-chart .x-axis-label-list { right: 10px; left: 50px; } .x-bar-value{ width:100%; direction:ltr; font-size:1.3em } .x-axis-label-item { display: block; float: left; width: 100%; } .x-axis-label { position: relative; display: block; color: #656d78; text-align: center; font-size: 12px; line-height: 1; } .h-bar-chart .x-axis-label { text-align: center; } .v-bar-chart .x-axis-label { text-align: right; } .x-axis-bar-item { width:65px; bottom: 0; cursor: pointer; } .x-axis-bar-item-container { } .x-axis-bar { text-align:center; position:absolute; bottom: 0; display: block; width:65px; font-size: 1.2em; line-height:0.6em } .x-axis-bar .primary { background:#eeeeee; line-height: 0.6em; font-size: 1em; } .x-axis-bar.secondary { z-index:999; background-image: linear-gradient(to top, rgba(247,148,30,0.4) 0%, rgba(247,148,30,0.05) 75%, rgba(247,148,30,0.0) 100%); } .x-axis-bar.secondaryalt { z-index:999; background-image: linear-gradient(to top, rgba(247,148,30,0.4) 0%, rgba(247,148,30,0.05) 75%, rgba(247,148,30,0.0) 100%); } .x-axis-bar.rain { background-image: linear-gradient(to top, rgba(228, 240, 242,0.4) 0%, rgba(228, 240, 242,0.0) 100%); } .x-axis-bar.humidity { background-image: linear-gradient(to top, rgba(228, 240, 30,0.4) 0%, rgba(228, 240, 30,0.0) 100%); } .x-axis-bar.tertiary { } .x-axis-bar.dashed { border-color: #748298; border-style: dashed; border-bottom: none; background-color: #fff; } .nested-bars .x-axis-bar:nth-of-type(1) { right: 5px; left: 5px; } .nested-bars .x-axis-bar:nth-of-type(2) { right: 10px; left: 10px; } .nested-bars .x-axis-bar:nth-of-type(3) { right: 15px; left: 15px; } .span-value { border-radius: 50%; cursor: pointer; margin:0 } .primary .span-value { background:transparent; } .secondary .span-value, .secondaryalt .span-value { background:transparent; } .tertiary .span-value { background:transparent; } .dashed .span-value { border-color: #748298; background-color: #fff; } .x-axis-bar:hover{ opacity: 0.4; background-color: #000; } .span-value:hover:after, .span-value:focus:after, .span-value:hover:before, .span-value:focus:before { visibility: visible; opacity: 1; -webkit-transition: all 0.15s linear; transition: all 0.15s linear; } .span-value:after { position: absolute; top: -25px; left: -20%; z-index: 200; visibility: hidden; margin-left: -60px; padding: 2px; width: 180px; border-radius: 3px; background-color: #fff; color: #434a54; content: attr(data-value); text-align: center; font-weight: normal; font-size: 15px; line-height: 1.1; opacity: 0; } .span-value:before { position: absolute; top: -5px; left: 50%; z-index: 200; visibility: hidden; margin-left: -6px; width: 0; height: 0; border: 6px solid transparent; border-top-color: #fff; content: ''; opacity: 0; } .uppervalue .span-value:after { top: 35px; } .uppervalue .span-value:before { top: 30px; } .x-axis-bullet-bar { position: absolute; top: 0; right: 15px; bottom: 0; left: 15px; border-bottom: none; border-radius: 3px 3px 0 0; -webkit-transition: all 0.15s linear; transition: all 0.15s linear; } .x-axis-bar-target-line { position: absolute; top: auto; right: 2px; bottom: 0; left: 2px; height: 1px; background-color: #1f2125; } .y-axis-bar-item-container{ text-align:start; width:70% } .y-axis-bar-item-container .small { font-size: 0.45em; } .y-axis-bar-item-container .green{ background-color:#27e551 } .y-axis-bar-item-container .orange{ background-color:#f7902e } .y-axis-bar-item-container .red{ background-color:#e52727 } .y-axis-bar-item { } .forcast_each .spriteB.up, .forcast_each .spriteB.down { position:absolute; margin:12px 40px 15px 15px; background-size: 12px; width: 12px; height: 16px; } .sprite { background: url('images/sprite.png') no-repeat top left; } .sprite.good { background-position: 0px 0px; width: 24px; height: 24px; } .sprite.bad { background-position: 0px -34px; width: 24px; height: 24px; } .sprite.stop1 { background-position: 0px -68px; width: 20px; height: 20px; } .sprite.v { background-position: 0px -98px; width: 20px; height: 20px; } .sprite.hammer { background-position: 0px -128px; width: 20px; height: 20px; } .sprite.stop2 { background-position: 0px -158px; width: 20px; height: 20px; } .sprite.amazed { background-position: 0px -188px; width: 20px; height: 20px; } .sprite.angry { background-position: 0px -218px; width: 20px; height: 20px; } .sprite.cold { background-position: 0px -248px; width: 20px; height: 20px; } .sprite.confuse { background-position: 0px -278px; width: 20px; height: 20px; } .sprite.curious { background-position: 0px -308px; width: 20px; height: 20px; } .sprite.digging { background-position: 0px -338px; width: 20px; height: 20px; } .sprite.doubt { background-position: 0px -368px; width: 20px; height: 20px; } .sprite.embarrassed { background-position: 0px -398px; width: 20px; height: 20px; } .sprite.gnome_face_cool { background-position: 0px -428px; width: 20px; height: 20px; } .sprite.gnome_face_kiss { background-position: 0px -458px; width: 20px; height: 20px; } .sprite.hell_boy { background-position: 0px -488px; width: 20px; height: 20px; } .sprite.hot { background-position: 0px -518px; width: 20px; height: 20px; } .sprite.pudency { background-position: 0px -548px; width: 20px; height: 20px; } .sprite.sad { background-position: 0px -578px; width: 20px; height: 20px; } .sprite.satisfied { background-position: 0px -608px; width: 20px; height: 20px; } .sprite.smiley { background-position: 0px -638px; width: 20px; height: 20px; } .sprite.tire { background-position: 0px -668px; width: 20px; height: 20px; } .sprite.wink { background-position: 0px -698px; width: 20px; height: 20px; } .sprite.mood_add { background-position: 0px -728px; width: 25px; height: 25px; } .spriteB { background: url('images/spriteB.png') no-repeat top left; } .spriteB.up { background-image: url("../img/up_icon.png"); background-size: 12px;width: 12px; height: 16px; display:inline-block} .spriteB.down {background-image: url("../img/down_icon.png");background-size: 12px;width: 12px; height: 16px; display:inline-block} .spriteB.plus { background-position: 0 -32px;background-size: 98% auto;height: 20px;width: 20px; } .spriteB.adlink { background-image: url("../img/new_post_link.png") } .spriteB.star { background-position: 0px -140px; width: 14px; height: 13px; } .spriteB.eng { background-position: 0px -163px; width: 28px; height: 17px; } .spriteB.israelflag { background-position: 0px -190px; width: 19px; height: 14px; } .arrow_down{color: #829CAA;font-size: 12px;vertical-align: text-bottom;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;background: white;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxContent table{color:#000;font-size:13px} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:50px; left:50px; width:20%;z-index:99999;height:50px} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#b4c4cc;} #cboxContent{margin-top:32px;color:#000;} #cboxContent{padding:1px;direction:rtl} #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;} #cboxLoadingOverlay{background:#fff;} #cboxTitle{position:absolute; top:-22px; right:1em; color:#000; direction:rtl } #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:27px; height:27px; border:none;position:absolute; top:-32px; background:url(images/controls.png) 0 0 no-repeat;} #cboxPrevious{background-position:-77px 0px; left:3.1em;} #cboxPrevious.hover{background-position:-78px -25px;} #cboxNext{background-position:-50px 0px; left:4.6em;} #cboxNext.hover{background-position:-50px -25px;} #cboxClose, #cboxCloseMobileRedirect, .close_icon{background-image: url("../img/close.png");border:none;height: 32px;width: 32px; left:5px;position:absolute} #cboxClose.hover{} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;} #cboxContent input{width:200px} #cboxContent input[type="checkbox"]{width:auto} #colorbox{border-radius:5px} a.colorbox {position:relative;} .colorbox span, .enlarge span{display:none; background-image:url(../images/enlarge_64.png); background-repeat:no-repeat; width:64px; height:64px; position:absolute; left:5px;} a.colorbox:hover span, a.enlarge:hover span{display:block;} body.mce-content-body { background:white; opacity:1; color:#3D718E; line-height:10px; font-size:13px; } #mce_16 button, #mce_17 button, #mce_18 button, #mce_19 button{ background:#FFFFFF; opacity: 0.9; text-align:center; -moz-border-radius: 999px; border-radius: 999px; behavior: url(PIE.htc); border: 1px solid; } .mce-container-body{ background:transparent; border:0 none; } .mce-panel{ border:0 none; } .mce-widget{ border:0 none; background:transparent; } #mce_15, #mce_14, #mce_13, #mce_12 , #mce_11, #mce_10, #mce_9, #mce_8, #mce_7, #mce_6{ background:transparent; border:0 none; } #forecastnextdays{ padding:0em;width:100%;clear:both; direction:rtl} #forecasthours ul li { padding:0.1em 0.3em } #rainprobexp{ position: absolute; top: 100px; width: 60px; } .likedislike{ float:left;padding:0.2em;font-size:0.75em;display:inline-flex } .forecasttimebox { width:90%;clear:both;padding-right:70px } .forecasttimebox li { height:25px;text-align:right;border-right:none; } #forecast24h { width:100%;height:470px; } .dateextreme{ font-size: 0.5em; } #waiting { position:absolute } pre { word-wrap: normal; white-space:pre; line-height: 10px; font-size: 11px; } #leftArrow { background-image:url("../images/left_black_24dp.png"); top:200px; width:35px; height:35px; z-index:99999; position:absolute; margin-right: 775px; } #rightArrow { background-image:url("../images/right_black_24dp.png"); top:200px; width:35px; height:35px; z-index:99999; position:absolute; } #graph_forcast{ overflow: hidden; background-color: rgba(255, 255, 255, 0); } #chartjs-tooltip { opacity: 1; z-index:99; top:102px; position: relative; transition: all .1s ease; pointer-events: none; text-align: center; width: 100%; margin-top:-100px; line-height:1.5em } #tooltipcirclespacer{ height:15px } #chartjs-tooltip.inv_plain_3_zebra { background: rgba(255, 255, 255, 0.95); padding:0; } #chartjs-tooltip .wind_icon{ display:inline; float:left } .chartjs-tooltip-key { display: inline-block; width: 10px; height: 10px; } #chartjs-tooltip .rainpercent, #chartjs-tooltip .temp, #chartjs-tooltip .wind, #chartjs-tooltip .cloth, #chartjs-tooltip .humidity{ position:absolute; } #chartjs-tooltip .rainpercent{ top:170px; margin: 0 3em; } #chartjs-tooltip .temp{ top:70px; margin: 0 4em; } #chartjs-tooltip .wind{ top:100px; margin: 0 3.8em; } #chartjs-tooltip .cloth{ top:35px; margin: 0 3.5em; } #chartjs-tooltip .humidity{ top:130px; margin: 0 3.5em; } .tooltipline{ width:100%; margin:auto; padding:0; } .tooltipline li{ list-style: none; padding:0.2em; } #alert_image{ padding:0.2em; max-width: 200px; height: auto; } #asterisk { font-size:1.5em } #linkyesterday{ position:absolute; margin: -1.5em 0.5em; } .tsfh .icon, .tsfh .cloth, #forcast_table .icon, #forcast_table .icon .cloth, .fulltext, #forcast_hours_table .humidity, #forcast_hours_table .dust, #forcast_hours_table .feelslike, #forcast_hours_table .UV{ display:none } .icon{ margin-top: 1px; } #forcast_table .icon{ padding:0 } #forcast_days .line{ padding: 0 0.1em; } .expand_plus{ width:10px; padding-left:30px } .open-close-button { display: inline-block; width: 1em; height: 1em; border: 0 solid #f4d6d7; margin: -0.5em 1.8em; font-size: 0.8em; border-radius: 50%; position: absolute; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } .open-close-button:before { content: ""; display: block; position: absolute; background-color: #000; width: 80%; height: 8%; left: 10%; top: 47%; } .open-close-button:after { content: ""; display: block; position: absolute; background-color: #000; width: 8%; height: 80%; left: 47%; top: 10%; } .open-close-button.open { background-color: #fff; -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); } .open-close-button.open:after { background-color: #75BEDD; } .open-close-button.open:before { background-color: #75BEDD; } .forecasttimebox .open-close-button{ margin:0.3em -1.9em }